App Extension Settings
Below are the settings for Storefront App Extension. We will go through each setting one by one.
Block name
This is just a name of this app extension for your reference. It will not be displayed in the storefront.
Code content
Enter the code to be rendered on SHOPLINE merchants' storefronts. Here, we currently support HTML (you can also use <script> or <css> to insert JS / CSS.
Supported Themes & Pages
Here, you can choose which themes, pages or positions you want your scripts to be rendered.
Trigger Configurations
In this section, you have to choose the Insert Positions and the Pages for your app extension to be rendered.
Click on Edit, and a Modal will pop up.
Insert positions
You scripts will be inserted either
- at the end of
<head>...</head>(tickHeaderfor this case) , or - right before the start of
<footer> ... </footer>(ticketFooterfor this case)
Pages
Right now storefront app extension applies to the following pages. If you find any desired pages that are not yet supported in storefront app extension, please kindly contact us and provide feedback.
| Page | Route | Descriptions |
|---|---|---|
| Home Page | home/index | Home page that the merchant has set |
| Product listing page | products/index | The page that lists all product |
| Product details page | products/show | The page that shows the detail of a product |
| Cart page | cart/index | The page that shows cart |
| Checkout page | checkout/index | The page where shopper checkout |
| Order success page | orders/confirm | Order success page after checkout |
| Order detail page | orders/show | The page that shows order details |
| About page | pages/about | |
| Terms page | pages/terms | |
| Policy page | pages/policy | |
| Delivery policy page | pages/delivery_policy | |
| Advanced page | pages/show | The page that set and build by page builder |
| User profile page | profile: users/edit | |
| Store credits page | credits: users/user_credits | |
| Member points page | member_points: users/member_points | |
| Messages page | messages: messages/index | |
| User orders page | orders: orders/index | |
| Wishlist page | wishlist: wish_list_items/index | |
| Promotion page | promotions/show | |
| Redeem gift page | promotions/redeem_gift |
You can select which page you want your scripts to be rendered by ticking the box in the page.
App Approval
We will review the code / scripts you submitted. If they violate our community guidelines or if we detect misuse of features, we reserve the right to deny approval or suspend your apps without prior notice.
Supported theme
Similar to pages, developers have the option to choose which themes they want to support. We strongly encourage developers to support a broad range of themes to maximize compatibility and reach.
Themes selected here will apply to ALL of your storefront app extension.
Notably, 'Kingsman,' 'Ultra Chic,' and 'Varm' are currently the most popular themes among our merchants.
Below is a list of the themes we support, ranked by their popularity at this moment. Please note that themes not mentioned here are not supported.
| Supported Themes |
|---|
| ultra chic |
| kingsman |
| varm |
| Sangria |
| Bianco |
| Philia |
| Doris Bien |
| Skya |
| Dusk |
Rendering setting
Developers can modify this settings to control the rendering of this code. Changes become effective only after approval.
Storefront SDK
If your app's use case requires the Storefront SDK, activate it here. For more details on how to use the Storefront SDK, please refer to this section.
Updated 3 days ago