How to Add the Widget Code to Your Wix Website

Modified on Thu, 19 Oct 2023 at 08:28 PM

After creating a widget, you are ready to add the code generated by ArtPlacer to your website and enable the widget for visitors to use.


This article describes the steps for adding the code of any type of widget to product and non-product pages on Wix sites. 


Add the Widget Code to a Wix Product Page


  1. On your Wix admin dashboard, select the site where you want to add the widget. 

  2. Go to Settings > Custom Code. Click Add Custom Code.

  3. In the popup that appears, paste the widget’s script code into the box. This is one of the codes you obtained in the last step of the widget creation process and was located in the Script Code box. 

  4. In the Name field, type a name for the code.

    • Under Add Code to Pages, select All Pages > Load code once, and under Place Code in, select Head.

  5. Click Apply

  6. Return to Settings > Custom Code and click Add Custom Code again.

  7. In the popup that appears, paste the widget’s button code into the box. This is one of the codes you obtained in the last step of the widget creation process and was located in the Button Code box.

  8. In the Name field, type a name for the code.

    • Under Add Code to Pages, select Choose specific pages > Product Page, and under Place Code in, select Body - end.

  9. Click Apply


Add the Widget Code to a Wix Non-Product Page


  1. On your Wix admin dashboard, select the site where you want to add the widget.  

  2. Go to Settings > Custom Code. Click Add Custom Code.

  3. In the popup that appears, paste the widget’s script code into the box. This is one of the codes you obtained in the last step of the widget creation process and was located in the Script Code box. 

  4. In the Name field, type a name for the code.

    • Under Add Code to Pages, select All Pages > Load code once, and under Place Code in, select Head.

  5. Click Apply

  6. Return to Settings > Custom Code and click Add Custom Code again.

  7. In the popup that appears, paste the widget’s button code into the box. This is one of the codes you obtained in the last step of the widget creation process and was located in the Button Code box.

  8. In the Name field, type a name for the code.

    • Under Add Code to Pages, select Choose specific pages, then select the page where you want to add the widget. Under Place Code in, select Body - end.

  9. Click Apply



Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select atleast one of the reasons
CAPTCHA verification is required.

Feedback sent

We appreciate your effort and will try to fix the article