How to Add the Widget Code to Your Wix Website

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