Skip to main content
EN Deutsch Español Français Italiano Português

Store Pages and Connected Widgets in Native Store

native-store.png This content is only relevant for native store.

To determine which eCommerce solution you are on, see How do I know if I am using Native eCommerce or Third Party eCommerce?

When you create your store, a Store homepage, Product page, Category page, and a Signup/Login page are automatically created.

Store Homepage

The Store Homepage is the entryway to your store. When you create your store, a default homepage is created with a Product Gallery widget that displays sample products. Shoppers will enter your store by clicking a product in the Product Gallery widget. The Product Gallery widget is automatically connected to fields in the Product Catalog.

Product Page

The Product page is a dynamic page that uses connected data to connect to the Product Catalog. Each product in the Product Catalog generates a dynamic page with the same design and widgets as the original Product page. The widgets are connected to specific fields in the Product Catalog. If you edit the design of the Product page, the change displays on all product pages. And when you make updates to your Product Catalog, the changes display on your product pages. For example, if you update the price of an item in the Product Catalog, the change automatically displays on the corresponding product page.

Note

  • The Product page cannot be duplicated, deleted, or switched for another page.

  • Product pages cannot be set to appear in the Navigation widget.

Edit Product Page

You can customize the design of the Product page to best suite the needs of your business. For example, you could delete the Buy button and add a Contact Form widget in its place so that shoppers can request a price quote, or you can move any of the default widgets to a new spot on the page.

To edit the Product page:

  1. In the side panel, click Sell Online, then click Store Pages.

  2. Click Product Page.

From here, you can edit the Product page design by adding, removing, and moving widgets.

Update Connected Widgets on Product Page

You can change which field from the Product Catalog displays in a certain widget on the product pages. For example, you can update the Text widget that displays the price to display the product SKU instead.

To update a connected widget:

  1. In the side panel, click Sell Online, then click Store Pages.

  2. Click Product Page.

  3. Click the widget you want to update.

  4. On the Connect tab, use the drop-down menu to select which data field you want to connect to the widget.

  5. Click Done.

Any widget you successfully connect to the data in the Product Catalog is marked with a blue Connected Data (connected-data-icon.png) icon.

To learn by video, see the following:

Category Page

When your store is created, a category page with two Product Gallery widgets with pre-configured filters are created by default. One Product Gallery widget displays category products and the other displays subcategories. You can adjust the filters on these two Product Gallery widgets as necessary, or you can remove them. You will notice there are placeholder categories and products that appear in the editor. These placeholders will not appear in preview or live store.

To configure the Product Gallery widgets, see Configure Product Gallery Widget.

Edit Category Page

If you have not created categories for the store, you will not be able to edit the Category page.

Warning

  • Before making edits to the Category page it is recommended to make a backup of the site.

  • You cannot delete or alter the default Product Gallery widgets without compromising the functionality of the category page.

To access the Category page:

  1. In the side panel, click Sell Online, then click Store Pages.

  2. Click Category Page.

Configure Categories in Site Navigation

Categories can be listed as sub-pages or in the main navigation. Or, if desired they can be set to not show in the navigation.

If you want the categories to be listed in the main navigation, the navigation widget needs to use the Site Pages option. Categories are not automatically listed when using the Custom Links option. For more information, see Navigation and Sub-Navigation links.

To configure categories in the navigation:

  1. In the side panel, click Sell Online, then click Store Pages.

  2. Click the gear icon next to Category page (if the store does not currently have categories, the page will be disabled).

  3. Click Show or Hide from Navigation.

  4. Select the desired settings from the dropdown lists.

  5. Select Save

Checkout Page

You can customize the information you collect from customers at checkout.

To customize the checkout page:

  1. In the side panel, click Sell Online.

  2. Click Payments, then expand the Settings section and click Checkout.

  3. Configure the following settings:

    • Customer’s first and last name. Use the radio buttons to select whether you want to use one field for both or separate fields.

    • Customer’s street name and number. Use the radio buttons to select whether you want to use one field for both or separate fields. Check your local requirements; some countries require two address fields by default. If this is the case, your country’s requirements will override the selection you make here.

    • Additional information.

      • Phone number. Select the checkbox if you want to require the shopper to enter their phone number. This field will be enabled by default if you have easyship enabled or if your country requires it.

      • Delivery instructions. This is an optional field for shoppers where they can add delivery instructions.

    • Marketing. Check the Promotional opt-in checkbox and use the text field to add a message or a link (if applicable). This box is unchecked by default and if the shopper checks the box during checkout, it means they have agreed to receive promotional emails. Optionally, you can export the orders CSV file to extract customer emails who opted into promotional emails. You can also install Omnisend from our App store for marketing automation.

      image__9_.png

    • Store policies. Check the Terms and Conditions checkbox and use the text field to add a message including a link to your terms and conditions page. This appears at checkout and is mandatory for shoppers to select before they can complete their purchase. It is unchecked by default.

      image__10_.png

  4. Click Save.

Sign Up or Login Page

All stores have a signup/login option built in, just customize the page and add a login button if desired. If a button is added, customers can signup/login prior to shopping. There is also a prompt at checkout to login or register. Once they have registered, they will be able to see their order details, view order invoices, and edit their billing and shipping addresses.

Add a Login Button

To add a login button:

  1. In the side panel, click Widgets.

  2. Search for the Login widget. Click and drag the widget to the location you want in the site.

  3. (Optional) Right-click the widget to open the content editor. On the Content tab, scroll down to Where to redirect users after they log in.

  4. Publish or republish your site to make the changes live.

Was this article helpful?

Return to top