1. Help Center
  2. Building Your Referral Program
  3. The Builder (Promoting Your Campaign)

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". 

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

    copy_widget_script
  • 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. 

    add_widget_on_website
  • 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. 

    custom_code_webflow

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.