Use the Mobile CMS

  • Updated

Optimizely is now selling their Commerce Mobile App solution as an SDK that allows customers to customize and deploy the code via a certified partner or directly through Apple and Android app stores. Because Optimizely no longer provides the previous implementation method, customers who purchased the Commerce Mobile App prior to April 2023 but have not implemented it should talk with their CSM about their options.

After purchase, Optimizely will work with customers and their partners to access the SDK and configure the Mobile App within the site settings. Certified partners or customers must complete all further implementation. Please see the Configured Commerce Mobile SDK article to learn more about getting started.

Mobile CMS on the Admin Console allows you to implement and change your mobile app user interface based on the user interface of the CMS. The implementation of this functionality for the mobile app depends on how you and your partner configure the Mobile SDK.

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 CMS

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

The list of pages you can edit in the Mobile 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 CMS).
  5. Drag and drop widgets into different parts of the page.
  6. Click Publish to push your changes to your mobile app. You can also click the Restore icon to return the page to the last published version.

EditingPages.png

Preview your content

What you see in the Mobile CMS is a representation of the widget. Work with your partner to preview the changes before going live.

Pages with default widgets

The following pages come with default widgets that you can adjust as needed. See Adding widgets in the Mobile 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 to view the original titles and text.