[Coming Soon] Text Widget | Page Builder (New)

Plan_EC%2BSC.png

With the new page editor, when adding/editing advanced pages, you can use the Text widget to enrich your tab with more descriptive texts and make it more aesthetically pleasing. 

⚠️ Before you begin:

  • The new page builder currently only supports Ultra Chic, Kingsman and Varm themes.
  • After creating a page using the new page 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 a text widget

Step 1

Proceed to SHOPLINE Admin > [Online Store Design] > [Pages] and click the [Advanced Page/Edit] button to open the Advanced Page setup.

Screen_Shot_2022-06-30_at_11.06.19_AM.png

 

Step 2

Click the Widget button.

Screen_Shot_2022-06-17_at_11.03.01_AM.png

 

Step 3

Select the "Text" widget.

Screen_Shot_2022-06-30_at_6.41.04_PM.png

 

Step 4

The system is set to add 1 set of text by default. Click the Text button to add more text.

*Note: Currently supports adding up to 4 sets of text.

Screen_Shot_2022-06-30_at_6.43.03_PM.png

 

If you added multiple sets of text, click the ___2022-06-30___10.34.59.png icon on the left to drag and adjust the order. 

Screen_Shot_2022-06-30_at_6.44.35_PM.png

 

Step 5

Select the text to open the text settings.

  • Title: Insert the product title.
  • Sub title: Insert the product subtitle.
  • Content: Insert the description of the product.
  • Show Button: Turn on to show the button on the website page.
  • Button text: Insert the button text.
  • Link to: Insert an URL to the text. There are two ways of opening the URL:
    • Current window: Open the page directly from the current window
    • New window: Open the page in a new window. 

Screen_Shot_2022-06-30_at_6.46.09_PM.png

 

Click the "Language" drop-down menu, and a list of supported languages will be listed. You can individually insert the texts for each separate language interface.

Screen_Shot_2022-06-30_at_6.47.02_PM.png

 

Step 6

Supports other settings.

A. Text alignment

Screen_Shot_2022-06-30_at_6.47.46_PM.png

 

B. Padding

Adjust the spacing between text and the website margin.

Screen_Shot_2022-06-30_at_6.48.33_PM.png

 

Step 7

During the setting process, you can click the Save button below to preview the newly added text widget on the right.

*Note: You can select whether to preview the desktop version or the mobile version. 

Screen_Shot_2022-06-30_at_6.49.19_PM.png

Screen_Shot_2022-06-30_at_6.52.07_PM.png

 

Or click the Preview button on the top right to preview it at the storefront.

Screen_Shot_2022-06-30_at_6.54.00_PM.png

 

Step 8

Once the settings above are confirmed, click Publish to let the customers view the newly updated content.

Screen_Shot_2022-06-30_at_6.54.47_PM.png

 

Read more

 

 

 

 

 

Have more questions? Submit a request

Comments