How To Install A Widget On Your No-Code Website | Webflow

Using a no-code website builder like Webflow, you can also embed your referral program widget into any of your website pages.

Let's start 👇

  • Select the campaign you want to use for the widget. 
  • Inside your campaign builder, navigate to the “Promote Your Campaign” tab. 
  • Then select “Install a widget on your website for either logged-in users” or "logged-out users". 
    Screenshot showing that your referral program software widget code how to  Use a no-code website builder like Webflow

  • Your script is unique to your campaign. So please get it from your campaign “Promote Your Campaign” tab.

    referral_software_widgete_no_code (1)
  • Copy the entire <script> section.
  • Next, log in to your Webflow account → go to your project →access your Embed element located under Components in your Elements Panel. 

    Screenshot showing that for using your referral program widget code should log in to your Webflow account.
  • Place the Embed Code element wherever you want in your website.
  • Once you click on it, the code editor will pop.
  • Paste the widget <script> in the custom code. 

    Screenshot showing where to add your referral program software script.

Note: if the code is all on one line, you can scroll horizontally to see it. 

  • Press Save & Close. 
  • Once you publish or export your site, it'll show up right where you placed it

widget_added_on_webflow

Read about widget promotional feature in this help guide.