Embed the bottom banner

The bottom banner: a discreet but effective invitation

The bottom banner appears at the bottom of your web page in a non-intrusive way. It remains visible without interfering with navigation and reminds your visitors that they can be connected with an ambassador. It's an excellent complement to the widget for pages where you don't want a floating element.

💡 The bottom banner works particularly well on long-form content pages (blog articles, programme descriptions) where visitors scroll and discover the invitation at the end of their reading.

Prerequisites

Access to your website's source code
Your campaignUuid and integrationUuid (section 4 - Integration of your campaign)

Step 1: Add the Magma script

At the end of the <head> tag (just before </head>):

<script src="https://cdn.jsdelivr.net/gh/magma-app/magma-widget@latest/src/widget/initializer.js" async></script>

Step 2: Declare your campaign

At the beginning or end of your <body> tag:

<script>
  window.magma_app = [
    {
      type: "campaignUuid",
      uuid: "xxxx",
      integrationUuid: "xxxx",
    },
  ];
</script>

Step 3: Replace the identifiers

<script>
  window.magma_app = [
    {
      type: "campaignUuid",
      uuid: "YOUR_CAMPAIGN_UUID",
      integrationUuid: "YOUR_INTEGRATION_UUID",
    },
  ];
</script>