• Topic主题TopicTopic
  • Sign in

Smart Landing Page Tool

The Smart Landing Page is a powerful tool to boost conversion rates during the festive season. Merchants can design the store landing page with the massive library of built-in components, festive templates, and the intelligent algorithm of product recommendation features. This feature also supports data analysis and page optimization suggestions to help merchants understand page usage and marketing performance, thus further improving sales.


Advantages of using the Smart Landing Page: 

  • An ever-expanding library of components/themes: Multiple built-in components to support merchants to add and adjust the order of components by themselves. Templates for festive and promotional events to enhance the shopping atmosphere and immersive page experience. 
  • Data analysis to better understand page performance - Summarizes data with essential business data indicators: page views, number of visitors, and bounce rate to help you further understand page performance. 
  • Page optimization monitoring - After merchants create a page, the tool will scan the page list, and give feedback to merchants in optimizing the page components and improving page performance. 
  • Smart component upgrades - The product recommendation and the sorting feature can help merchants complete the screening work through AI, and display potential high-converting products. 

This article will be covering the following: 


If your store theme is currently using Brooklyn, Simple, Pink, or Audio, you will not be able to use the smart landing page tool normally. It is recommended that you use another theme to use the tool.


1. Create a smart landing page

Step 1. Create a page

In SHOPLINE Admin panel >> Apps >>> Smart landing page

Click Create new page to start creating your first landing page. Fill in the page title, then select a template. 




There are three steps to edit the landing page:

  • Select a template
    • At present, we have a Christmas-style template (Template selection is expanding in progress). After selecting a template for the page, the color, font, and some component styles of the page will change according to the template.
  • Apply the theme of your choice 
    • After this option is enabled, some templates will be unavailable for your store. When you create a landing page, the font, component color, and other related configurations of the current page item will be consistent with the current store theme. For example, if the current theme background color is black, the landing page background color will also be black. 
    • If you have applied the store theme, you will not be able to select certain landing page templates to avoid conflicts.
  • Header and footer aligned with store format 
    • When merchants select this option, the landing page align the header and footer with the style of the store. The header and footer cannot be modified in the editor. 



Step 2. Edit the page component

After setting up the options for your needs, you can click Create to enter the editor; the overall perspective of the editor is as follows:

The landing page editor can be divided into the following sections

  • The component menu on the left
  • The preview area on the right 
  • The "Publish" button at the top right


Component menu

You can customize the landing page by adding or deleting components from the menu, including carousel, event promotion, etc. You can also customize some components. For example, if you use the "Featured product" component, you can customize:

      • Title alignment 
      • Number of columns and rows
      • Price comparison

Drag the component button up and down to rearrange the order of the components.

Click Theme setting to edit the text color, font, product picture ratio and product picture filling method. 


Landing page preview area

    • You will see the page layout updated in realtime

Publish button

    • Click Publish to save and publish the landing page design. 
      • For newly created pages, you can only adjust the page title. The page name will be displayed in the browser tab. On the "Landing Page Tool" page, click Operation next to the landing page you want to edit, and click Setting to edit the page title.
      • After publishing the page, you can customize the page title and page URL for SEO.


2. Manage the current landing page

On the "Landing Page Tool" page, you can

  • Click Design to edit the landing page
  • Enter to view the data dashboard of a certain landing page 
  • Copy the access link of a certain page 
  • Open a new tab, view the current page with a real link

Click the Operation button to

  • Edit the page title and URL in the "Setting"
  • Remove the page



3. View the data of the current landing page 

Click on the mceclip1.png button to enter the data dashboard.

On the dashboard, you can 

  • Adjust the time interval and granularity
  • View the summary data over the time period, and export the data table within the specified time range


There are 3 types of metrics on the dashboard: 

Metric Calculation 

Page View (PV)

Page View

Note: There is no restriction stating that the landing page must be a current page item

For example, the current landing page is A.

If the customer's path is Homepage > Landing page A > Product detail page > Landing page A. The page view will be counted as +2. 

Metric will be attributed to the hour dimension, regardless of the session creation time

Visit/Session Count

Note: Page A will not be restricted to be the landing page.

For example, if the customer's path is Homepage > Product detail page > Page A. It will be counted as +1. 


Note: The metric will be fixed to be the count of the previous day. 

Bounce Rate


For a session whose landing page is the target page of the current page item, the bounce rate = The number of sessions that have not visited any other pages after visiting the landing page divided by the number of all sessions that have visited the landing page.

  • The bounce rate will restrict landing page A to the "landing page".
  • If the first visit of the session is landing page A, the page view = 1.
  • If landing page A is the "landing page",
    • Numerator: The number of sessions that have not visited any other pages after visiting the landing page
    • Denominator: The total number of sessions that visited the landing page
Have more questions? Submit a request