Use the Mobile CMS

  • Updated
This article describes standard functionality. Your interface may be different if your partner adds any extensions with the Mobile SDK.

Use the Mobile App and SDK CMS in your browser to edit pages specific to the Optimizely Configured Commerce Mobile App, such as the Shop page.

If you want to make static content page updates, you must switch to the Website CMS in your browser. Click the Gear icon and select Switch to Desktop CMS to open the Website CMS.

Access the Mobile CMS from the Admin Console

  1. Click the Site Preview icon.
  2. Click Mobile App beside the site you want to launch in the Mobile CMS.

    SitePreview.png

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

Edit a Page in the Mobile App CMS

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

The list of pages you can edit in the Mobile App CMS displays in the left panel.

  1. Click the Edit icon to enter edit mode.
  2. Select a page to edit.
  3. Hover your cursor over widgets on the page and click the Edit icon to modify the widget's content or the Delete icon to remove the widget.
  4. Click the Add icon to add widgets to the page (see Working with Widgets in the Mobile App CMS).
  5. Drag and drop widgets into different parts of the page.
  6. 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.

EditingPages.png

Preview a Page in the Mobile App CMS

What you see in the Mobile App CMS is a representation of the widget. You can only preview your changes by logging in to the Configured Commerce Testing App with your site's Admin Console credentials.

  1. Log in to the Configured 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. Once you are logged in, an additional tool bar displays above the page navigation icons.

    AdminLogin.png

  2. 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.
  3. Tap Refresh in Preview Mode to view any subsequent changes made in the Mobile App CMS.

    PreviewMobile.png

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

Optional Mobile App pages

You can also choose whether to allow users to add items to a cart and checkout in the Mobile App. The Cart page cannot be customized; however, you may choose to direct users to your website for checkout instead (see Enable the Configured Commerce Mobile App).

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 dropdown 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.

ChangeLanguage.png