Use the Mobile App CMS in your browser to edit pages specific to the Optimizely B2B Commerce Mobile App, for example, the Shop page.

Accessing the Mobile CMS from the Admin Console

1. While logged in to B2B Commerce, click the Site Preview icon.
2. Click Mobile App beside the site you want to launch in the Mobile CMS.

   

3. View the Mobile App CMS in a new tab.

Editing a Page in the Mobile App CMS

You can add link list, product carousel, search history, or slideshow widgets to a Mobile App page. You can add multiple widgets of the same type to a page. For detailed information on each widget, see Adding widgets in the Mobile App CMS.

1. In the left navigation pane, the list of pages you can edit in the Mobile App CMS dislay.
2. Click the Edit icon to enter edit mode.
3. Select a page to edit from left navigation pane.
4. When you hover your cursor over widgets on the page, you can click the Edit icon to modify the widget's content or the Delete icon to remove the widget.
5. At the bottom of the page, click the Add icon to add widgets to the page (see Working with Widgets in the Mobile App CMS).
6. Drag and drop widgets into different parts of the page.
7. Click Publish to push your changes to the Mobile App. You can also click the Restore icon to return the page to the last published version.

Previewing a Page in the Mobile App CMS

You can only preview your changes by logging in to the B2B Commerce Testing App with your site's Admin Console credentials.

1. Log in to the B2B Commerce Testing App on your mobile device with your site's Admin Console credentials. You can login as an admin when you first log in to the app or you can access the admin login from Account > Settings > Admin Login.

   

2. Once you are logged in with your Admin account, an additional tool bar displays above the page navigation icons.
3. To preview the changes you make in the Mobile App CMS, tap Switch Mode to move from Live Mode to Preview Mode. You can tap Switch Mode to move between live and preview modes for comparison at any time.
4. Tap Refresh in Preview Mode to view any subsequent changes made in the Mobile App CMS.

   

Default Mobile App Pages

The following pages come with default widgets that you can adjust as needed (see Adding widgets in the Mobile App CMS for more information on each widget).

Search

• Allowed Widgets:
  • All Mobile Widgets
• Initial State:
  • Search History
    • Title: Search History
    • Previous: 5

Account

• Allowed Widgets:
  • All Mobile Widgets
• Initial State:
  • Link List – List view
    • Order History
    • Lists
    • Saved Orders
  • Link List – List view
    • Change Customer
  • Link List – List view
    • View Account on Website
    • Settings
  • Link List – List view
    • Sign out

Shop

• Allowed Widgets:
  • All Mobile Widgets
• Initial State:
  • Link List – List view
    • Categories
    • Quick Order
  • Product Carousel – Top Sellers
    • Title – Top Sellers
    • All categories

Customizing content based on user language

You can use languages within the Mobile CMS to customize content based on the language the user selects on your website. You can translate the following using the Mobile CMS:

• Page titles:
  • Shop
  • Search
  • Account
• Widgets:
  • Carousel – The Heading and Subheading text and links on slides
  • Link List – Text and links
  • Product Carousel – Title
  • Search History – Title

To use this feature, select a language from the Language drop-down list to translate page or widget titles or other text for that language. Save and publish your changes. When finished with the translations, select your default language from the Language drop-down list to view the original titles and text.