When editing advanced pages with SHOP Builder, you can add the "Custom Script" widget to insert customized text, HTML, CSS, and JavaScript.
In this article, you'll find:
⚠️ Before you begin, please note:
- SHOP Builder currently only supports Ultra Chic, Kingsman, Varm, and Philia themes.
- After creating a page using SHOP Builder, the page can still be displayed even if you switch to other themes, but it cannot be edited and the layout may be messed up. Please take note of this before publishing the page.
1. Add Custom Script Widget
Step 1
In the SHOPLINE Admin, go to [Online Store Design] > [Pages], find the Advanced / Text Page tab. Click Edit to open up the Advanced Page settings page.
Step 2
Click the Widget button.
Step 3
Click the Custom Script widget under "Add-on Tools".
Step 4
Insert customized text in the "Script" section. You may insert HTML, CSS and JavaScript.
Step 5
When setting up, you can click the Save button on the bottom, and a preview screen of the added custom script widget will display on the right. You can also preview it in the mobile version.
Or click the Preview button at the top right to view the complete storefront.
Step 6
Once the above is completed, click the Publish button, and customers will be able to see the added content on this page at the storefront.
2. Notes
- The system will filter or block certain scripts to prevent affecting parts of the HTML that may cause security or online store architecture issues.
- It is recommended to have a professional customize the script in order to avoid any unexpected problems.
- SHOPLINE does not provide script-related guidelines and advice.
Note before editing:
Since SHOPLINE is an online platform that requires regular updates for the system and design, we will not be responsible for any problems that occur with your custom script due to the website update. SHOPLINE recommends that you check the page frequently to ensure that your online store is functioning properly.
Read more
Comments