Skip to main content

Adding the GrowthBooster widget to the Wix website

How to add the GrowthBooster widget to any given place of your Wix website.

S
Written by Sebastian Donnelly
Updated over 3 weeks ago

We assume that you have already configured your GrowthBooster JS widget and now you want to add it to your Wix website.

  1. Go to https://users.wix.com/signin and sign in with your administrator credentials.

  2. Select your website on the "Sites" page and click on the "Select & Edit site" button.

  3. You will be redirected to your website dashboard. Click "Settings" in the side menu to the left.

  4. Scroll down to the "Development & integrations" section, and click the "Custom code" button.

  5. On the "Custom Code" page click the "Add Custom Code" button.

  6. Return to Linda, go to Check Ins->Widgets, click on your widget, go to the "Embed code" section, select the "WIX" tab, and copy the widget code snippet.

  7. Return to Wix and paste the code into the textarea on the "Add custom code" dialog, specify the name of the snippet (for example, GB Widget), select the page to add the widget to, and the place to add the widget code; we used "Body - end" here.
    Note: for one widget, you need to create one custom code, so if you use the same widget on different pages, you need only one custom code.

  8. Click the "Apply" button.

  9. Click the "Site & Mobile App"->"Website & SEO"->"Website" in the side menu to the left.

  10. Click the "Edit Site" button.

  11. Wix editor opens. Select the page you want to add the widget to from the dropdown.

  12. Add a new blank section to the website layout where you want to add the widget: click the "+ Add Section" button, then select the "+ Blank Section" in the side menu.

  13. Click the "Add Elements" button in the toolbar.

  14. Select "Embed Code"->"Custom"->"Custom Element".

  15. A new custom element will be added to the website layout. Please adjust its size if you need to.

  16. Click the "Set Attributes" button.

  17. The "Element Attributes" dialog opens. Click the "Set Attributes" button.

  18. Set "Attribute name" equal to id and "Value" equal to gb-widget, then click the "Set" button.

  19. Click the "Choose Source" button.

  20. The "Element Attributes" dialog opens. Scroll it down, set the "Tag name" equal to gb-widget then press "Enter" and close the dialog.

  21. Click the "Save" button in the top toolbar, then the "Publish" one.

  22. Congratulations! You've successfully embedded the GrowthBooster widget into your website.





Did this answer your question?