Documentation

Shopline

Step-by-step guide to embed widgets in Shopline.

Step 1: Copy the Embed Code

  1. In the top-right corner of the editor, click the Embed button
    Embed button

  2. A popup window will appear with your embed code. Click the Copy Code button
    Embed window

Step 2: Add the Embeddable to Shopline

1. Enter the Shopline Editor

Log in to your Shopline admin panel. In the left menu, click Online Store.
Online Store


2. Open the Pages Section

Under Online Store, click Page.
Page option


3. Choose a Page

Create a new page or click an existing page where you want the widget to appear.
Select page


4. Enter Source Code Mode

In the editor toolbar, click the < > icon to open the source code editor.
Source code button


5. Paste the Embed Code

In the source code popup, paste the embed code you copied earlier.
Paste embed code


6. Save the Source Code

Click the Save button in the bottom-right corner of the code window.
Save source code


7. Update the Page

Back in the page editor, click Update to save your changes.
Update page

💡 Tip: To see the widget live, preview your page or view it directly from your storefront.

On this page