Skip to main content

How to Embed a Design on Your Website

Learn how to embed a Bannersnack design on your website with our step-by-step guide.

Updated today

Embedding your Bannersnack designs lets you host them directly from our servers, display them in multiple formats, update them in real time, and track detailed performance analytics. This feature is perfect for running time-sensitive campaigns, showing seasonal offers, or keeping your content fresh without re-uploading files.

Why Use the Embed Feature?

Unlike static downloads, embedded designs remain linked to Bannersnack, so any edits you make will update instantly wherever the design is placed. You can also capture live analytics for optimization, including views, clicks, CTR, location, device data, and heat maps.

How to Get the Embed Code

  1. From My Workspace, click View on the design you want to embed.

  2. In the pop-up, select the Embed tab.

  3. From the drop-down menu, choose your preferred display option:

    • Top, center, or bottom of the page

    • On page load, timed delay, exit intent, or on function call

  4. (Optional) Check Use iFrame for easier integration and Responsive scale for automatic resizing across devices.

Animated GIF showing a user opening a design in Bannersnack, selecting the "Embed" option from the pop-up menu, choosing display settings, and copying the generated HTML embed code for integration into a website.

Adding the Embed Code to Your Website

  • WordPress or other CMS platforms – Paste the embed code into a widget or HTML block.

  • Custom-coded websites – Ask a developer to place the embed code in the site’s HTML.

  • Google Tag Manager – Add the embed code as a new custom HTML tag for more flexible placement.

Key Advantages of Embedding Designs

  • Custom display options – Control placement and triggers for when your design appears.

  • Live updates – Edit your design in Bannersnack and see changes instantly on your site.

  • Real-time statistics – Track views, clicks, CTR, location, device type, and heat maps.

  • No re-upload required – Ideal for multi-channel campaigns that need fast adjustments.

Note: Embedded designs have an embed view limit, which varies by subscription plan. You can check these limits on our pricing page. Higher-tier plans include higher limits.


Ready to start designing?

👉 Sign up for a free Bannersnack account – it only takes a minute.
👉 Already have an account? Log in here to continue where you left off.

Did this answer your question?