Start Strong
Sell Smart
Manage with Ease
Market to Success

Designing Custom Pages

You can create custom pages in Shopper App based on your business needs. For example, you can create a page for your Christmas campaign.

 

 

Creating a Custom Page

  1. From your SHOPLINE admin panel, go to Apps > Shopper App > App Design and click the Design button to access the design editor. 
  2. From the dropdown menu at the top, select Custom page.
    1-2 custom page.png
  3. Click + Create page. You can create up to 5 custom pages.
    1-3 create page.png
  4. Give the page a title and click Confirm.
    1-4 enter title.png
  5. Learn how to design the page in the next section.

 

 

Making Your Design

You will automatically be directed to the custom page editor. Identify your custom page by the title you just entered.

2-0 page title.png

Announcement Bar

The announcement bar appears at the top of the custom page and cannot be rearranged. You can choose to sync it with the notice board of the homepage, or set it up separately.

  • Synchronized from the Announcement bar on the home page: You are not able to make any changes to the Notice Board, such as the copy and text color.
  • Independently set: You can edit the copy, text color, and display style, and schedule the release time if needed. The board can have up to three announcements. An announcement can’t be deleted but you can hide or edit it whenever you need to.

2-1 announcement bar custom page.png

Page Content

Click Add component to choose and configure the component you need. Please refer to Designing Your App Homepage for detailed instructions on setting up these components.

2-2 custom page components.png

Renaming or Deleting the Page

Click More in the upper right corner to rename the page or delete it.

2-3 edit or delete custom page.png

 

 

Publishing the Design

After completing the edits and confirming that everything looks right in the preview, click the Apply button in the upper right corner to publish your design to the app. If you want to hold the publishing, you can click Save to retain your edits.

 

 

Home Page Components That Support Redirecting to Custom Pages

Certain components on the homepage support setting up redirect links to your custom pages, including: Carousel, Customize image banner, Customize video banner, Product carousel, Product showcase, Product collection display, and Bottom navigation. Please refer to Designing Your App Homepage for detailed instructions on setting up these components.