Whereas a ‘list’ is a section where you want to put individual pieces of content, the ‘Page’ is a single post that you can add within a list.
The page widget is made up of easy to use modules, allowing you full flexibility to add text, images, videos and other web content, and to attach files. Each module on a page is edited independently, and the order of modules can easily be changed.
To add a Page, begin by selecting the + icon within your list, and choosing the Page widget:
Now that you have added your page widget, you should enter the page title, then select the + icon to add your first module on the page:
OK! Now you have created the page and given it a title. Select one of the module types to begin adding content on the page. We’ll start with text, seeing as you’ll probably have some text on your page.
Adding a Text Module
When adding a text module, you will be presented with some editing tools, allowing you to change the format of the text, bullet lists and insert links. While the text box initially looks small, fret not… it will automatically re-size as you type or copy text in to it.
Easy! Now, you’ll notice that above and below the module that you have added on the page, there are more green + symbols. Pressing one of these will allow you to add your next module, either above or below the current one. The red X will delete the module that you currently have selected. So don’t press that unless you definitely want all of your hard work obliterated.
If you press ‘Save and Publish Now’ at this stage, your new page will appear (in whichever list you’re publishing to) with the text you have just added:
Adding an Image Module
Now lets add an image to go along with the text. Click the green + symbol either above or below the text module and choose ‘image’. You’ll be directed to open the media library, where you can select a previously uploaded image, or add a new one.
To add a new one, either drag and drop and image from your PC, or press Choose File to allow to allow you to upload:
There’s a separate guide for deleting and searching in the media library – so if that’s what you’re looking for, then go ahead and click here. As you can see below, we have now added an image module below our text module:
Re-Ordering Modules on the Page
You’ll also notice now that we have two modules, another icon has appeared to the right – green ‘up and down’ arrows. These allow you to easily re-order the modules on the page. For example, below you can see that we have clicked the ‘up arrow’ to move the image module to the top of the page.
Adding a Video Module
Adding a video module works in the same way as the image module, where you’ll have to ope the media library, where you can choose a previously uploaded video, or upload a new one.
Videos added directly to the CMS using the video module will stream on the user’s device. We currently support mp4 videos, up to a maximum of 50MB. If your video is larger than this, you can compress it, or embed it from a third party service like YouTube or Vimeo.
When you add a video directly from your PC, on the app it will show a grey box with a play button. If you want to set a featured (thumbnail) image for the video, you can do that by pressing the blue, ‘Set Featured Image’ button:
Adding a Download Module
The download module allows you to present a file on the page for your users to download. You can upload any type of file, but we recommend PDFs because your app has a PDF reader built-in.
A download widget is added in the same way as an image or video module, where you’ll open the media library and then either choose a file, or select one from your PC.
Adding an HTML Module
You can embed third party content in your app using the HTML module. You’ll need the correct embed code to do so. Here, you can embed things like videos from YouTube or Vimeo, animated GIFs, polls and quizzes from Playbuzz or Apester, or Maps from Google Maps.
Adding an ‘Existing’ Module
The ‘existing’ module allows you to link to other in-app content from within your page. For example, if you added a new item to your main menu, and you wanted to make a news story about your new section in the app, you can link straight to it from within your story.
If you select the + icon in our modular page and choose ‘existing’, you are presented with a list of all content in your app, which is also sortable and searchable, to make it easier to find what you’re looking for:
Simply select the app content that you wish to link to by clicking on it, and it will be added to the module. In the example above, we have added an ‘existing’ module below a news story, to link the user to the news feed. Removing an ‘existing’ module only removes it from this location. Only when all instances of linked content are removed, will the item be deleted.
Deleting a Module
To delete a module from your page, simply click the red X icon to the right of the module. You will be presented with a verification message asking if you are sure that you wish to delete that content: