Find out about Courses

You can create course content in the Content screen in Studio.

Like the recipes screen, courses can be organised into Content Boards, and within each board you can create Content Lanes, each with their own Category Heading. The Course actions menu in the top right hand corner allows you to create, edit and delete boards as needed.

Our content editor gives you a lot of flexibility to create the content that you need.

Let's go through each of these sections in turn.

Content Title

Defined at the top of the screen, titles appear overlaid on top of the cover image that you define in white text. In this case, the cover image is darkened slightly to accommodate the text. If the title is empty, then no title will be displayed.

Cover Image

The cover image used for the content. For sizing information, see Smorg image size reference

The cover image is used to create a Content Thumbnail used in the carousel displays when published to the My Day screen, and also in Programs.

Note that by checking the "Show as header" checkbox, the cover image will appear as the header in your content automatically (preview this by clicking Preview in Emulator)

Content Editor

Use the content editor to create your content.

• Text fonts and background colours

  • Define background colours, font colours, fonts and font sizes as per the menus.

• Links

  • Define URL links that will resolve an open in a new browser window. For mobile native apps, the

• Images

  • There are many different ways of adding image content:

  • Use the Insert->Image feature and select images from your computer

  • Drag and drop an image file directly into the editor

  • Paste images directly into the content editor

• Videos

  • Easily import your video content by clicking Insert -> Video and adding the public URL of your video. The video will automatically be imported in. We currently support Vimeo and Youtube, although other video platforms are also supported.

• External Apps

  • If you want to insert apps that support embedded JS snippets (e.g. Calendly, Typeform), you can add these by selecting Insert->Code and pasting the JS embed code into the window.

• Preview in Emulator

  • Click this to see a preview of your content in the emulator

Content Navigation

This feature allows you to use a Content Thumbnail as a navigation aid for your customers. When used, a card is linked directly to other parts of your app.

Options for this include:

• Linking to other screens in your App: Recipes screen, or the Planner screen, or the Shopping lists screen

• Link to either your Programs screen, or to a specific Program.

• Link to another Content Board. This is useful if you want to organise your content into a taxonomy.

• Link to an External URL, which could link to an external site (e.g. Shopify) or a deep link to another app (e.g. Facebook, WhatsApp).