Pages – Creating great content

Creating good content for your guests, customers or prospects is key to success for every marketing effort – be it mobile or not.

Although xamoom gives you all the tools you need for this challenge, the start is always hard but can be mastered with very easy questions: What would I expect? What content would help me in this situation?

You do know your business, institution or region best. Just empathize with your users. Think of their informational needs or how you want to be entertained in this spot or moment.

Page List

pages list EN
  1. Create a New Page by clicking the button in the upper right corner.
  2. The Search lets you find everything in full-text. Even if you enter only parts of words (e.g. “sta” instead of “Station”). Through a drop-down selection on the right, you can choose between 10 and 100 pages to be shown at the same time. More will be loaded on request.
    Search works for the name of the page and their tags. You cannot search for content on a page.
  3. Clicking on a line of a page in the list will open the editing mode.
  4. The status (PublicPrivate or Garbage) reveals whether a page is currently in use or ready to be deleted.
    This is useful if you have pages that are seasonal and that you don’t want to see if they are currently not in use.
    Deleted pages can be restored from the Garbage. Click on a page in the garbage to manage this. On the right you will find the button Restore.

You can change the status of the page for multiple pages at once.

  1. Select the pages
  2. Chose the desired status
  3. Push the button to change status.
Be aware that inactive pages cannot be viewed by end users.

Thus, you cannot change the state of pages to inactive that are still connected to one or several spots. If you do so you will get a red warning. Clicking on the question mark in the upper right corner shows you these spots.

Create and edit pages

The content editor has been developed with one goal in mind: bringing users quickly to good results.

1 | Metadata block

It contains the (internal) Name. It identifies the page and is searchable.

If a Page Icon is set it shows up (only) in the mobile menu.

If you turned on social sharing, you can specify another Share URL. This comes in handy if you want your users to share another page – e.g. one from your desktop CMS.

Right below you find the button to Create the page. After creating it changes its status to Update and gives you two more options if you press on the at the right side of the button: Preview and Copy.

You can also save a page using the shortcode [ctrl]+ [S] on Windows and [cmd]+[S] on the Mac.

2 | Article header

The information in this block is – in contrast to the meta data right and tags – shown on pages. It contains a (localized) title and the excerpt.

The excerpt should be brief, descriptive and motivate the user to go on reading. With a blue, yellow and red indicator below the excerpt field we give you a hint how long it should be.

Using the language tabs at the top you can switch between languages and add new ones. If you want to add a new language that is not yet part of your system, you need to turn it on in the settings first.

3 | Cover image

Every page should have its cover image. Click on Select file to open the media picker where you can search for images that you already uploaded or upload one now.

Be consistent with your cover images. Give them always the same aspect ratio (e.g. 16:9) or choose a distinct color filter for them. This makes a really good impression with your users.

4 | Content blocks

Unlike other CMS where you dump everything into one box, pages in xamoom are built with content blocks. Each one is specific to the media it holds. There’s a variety of different blocks available to you – from text and images to maps and link buttons.

Every block has an optional Title (Heading 2) and Content depending on its media type.

A content block can be switched to Mobile exclusive  (only been shown on phones and tablets) . You can change its position using the carets   or delete it with . If you need more overview, they can be collapsed or expanded with the  icons in the upper left corner.

Content blocks are added by clicking on their icons at the bottom of a page.

Empty content blocks lead to an error that prevents you from saving or updating a page. Problematic content blocks identify themselves with a red border.

Working with content blocks

A content block can include a text, an image, a video, a link, an audio file or a download. Each block has a title and its actual content. The title is displayed as a sub-header (H2) and is optional.

Tip: The presence of sub-headers can provide enormous help to people with visual impairments and blind people. Since the texts are read to them, the sub-headers can be used for navigation.

In case there are links, you can always check them by clicking on the  icon.

The text editor offers some formatting options.

If you copy & paste text, we will insert only raw text without any formattings. This is necessary too keep the look and feel consistent on all platforms (mobile web, apps, desktop CMS etc.) with your chosen design.

The result

 The audio block plays MP3, Ogg Vorbis, AAC and M4A files from the media library. Audio files are only available for streaming, The end user cannot easily download them.

The result

 The SoundCloud block lets you embed audio streams found in the SoundCloud’s online service. All it takes is inserting the URL of the respective songs.

The result

 With the video block you can easily embed different videos. All it takes is inserting a valid YouTube or Vimeo video URL. You can also host video files on your own server. The files should be encoded as mp4, or h.264 since these are supported by most mobile browsers.

The result

With the link block you can add links to various websites. These are more prominent than the links used in the text editor and are highlighted with the target logo (e.g. Facebook, Twitter, LinkedIn, Spotify for songs and playlists, YouTube channel etc.). Very practical are the link types for email and phone, as they make it very easy for the user to reach you. Another practical feature is the Google Maps link with which you can easily provide navigation instructions.

Links to Apple’s iTunes Store are shown only on iPhones. Those to Google’s Play Store only on Android devices.

The result

The image block adds photos or graphics via the media library. Images uploaded with the media picker will be stored in your media library.

For the mobile web, landscape format images are best suited because they will always be displayed in full-width. Using the width-slider you can determine how much space they are allowed to take. This is particularly useful for images in portrait format.

You can optionally specify to which external website the users will be directed by clicking on the image.

You can upload pictures with no limit in file size. Users on mobile phones and also on your website will see the images in a version that is perfect for their device. The scaling in optimizing happens automatically.

Along with the caption you should always mention the copyright holder – unless this is you and you don’t want to be mentioned.

Please add an alternative description to the image. This helps people with seeing disabilities.

The result

The e-books block allows you to offer electronic books. Currently the following file formats are supported: .epub, .mobi and .pdf. You can upload new e-books here or offer previously uploaded books from the media library.

The result

 Page: This content block is used for quick linking of pages on related topics or for creating summary pages.

Shown is a preview of the cover image, the title and the opening credits of the linked page. As seen in the right example, it is crucial to have a short title and an excerpt of the right length.

The result

List: This content block is a list of pages with the same tag that is composed just as the content block page.

You can control the order (ascending or descending) of the articles with the (only internally visible) name of the article.

This block can be of great use if you want to offer a news/blog section. It is also handy if you want to group related pages on an overview page (e.g. for restaurants in a certain town).

If you later add this tag to other pages, they will appear in the list automatically.

The result

The content block Include includes another page with (optionally) its cover image. The title and excerpts are not shown.

This is of great practical use if you want to display the same information on many or all pages. Just think of a footer that shows an upcoming event or social links.

It is always a good idea to include a(n empty) page in all pages. Once you need it … you can edit just one piece of information for sharing it on every/many pages.

The result

 Download helps to provide calendar items and business card files. The user can save the files directly to their address book or calendar. You can create such files in programs like Microsoft Outlook or online.

The result

 Map: This allows you to display a map with spots that have been grouped with tags (e.g. by geography or themed topics).

You can show the user all spots and you can control if she/he can access the page that is behind a spot.

If you add a tag you will see how many spots are available with this tag. If you later add the same tag to other spots they will appear automatically.

The result

Multilingual pages

xamoom is automatically multilingual. An Italian automatically gets the Italian version of the page, a Frenchman sees the French text and Germans has the German edition.

The basis for this automatism are the language settings on the mobile phone. The user does not need to change anything to get the pages from xamoom displayed in the right language. If the desired language is not available, the default language of the system (in most cases English) is delivered.

We have given a lot of thought to make authoring in multiple languages as easy as possible. Go to settings and choose from 97 languages the ones you want to enable for your system and save the changes.

The page editor offers only the languages you have previously chosen in the settings.

  1. Fill out the page in the default language completely, and then select the Add new in the language tab. You can choose from a set of previously enabled languages.
  2. You can jump back and forth between the languages while editing them as many times as you want without losing any content. To avoid having to do that too often however, you can simply copy all the contents from the first language into the new language version. This is done with the button .
  3. language version can also easily be removed using the  button.
    Attention! This cannot be undone.

Preview and page copies

You have now created a page and want to preview it? Easy.

  1. Clicking on the arrow  in the top right corner, next to Update page, will open an option “Update Page … and preview“.
  2. A window opens that contains a fairly accurate preview of your mobile webpage. This is not entirely accurate, since there are many different smartphones with different screen resolutions.
  3. You can also view previews of their respective language versions. and see the page in its desktop and tablet version.
  4. By clicking the x on the top right or a click anywhere on the area outside the preview takes you back to the editing screen.

The above mentioned dropdown menu gives you another option too: You can create a copy of the page. Using this option brings you to a new page with exactly the same content on it.

Organizing your pages

How easy it is for you to find all you pages again and to organize them in lists starts at the very beginning with your content strategy. We give you two powerful tools to do that.

  1. Name of the page: You could introduce a number or letter scheme for all your content.
  2. Tags are powerful because you can group pages together. They are also used for certain functions of your apps or the mobile web client.

Page links

Connecting pages can be done via links in the text editor. However, this is inconvenient for the end user and it might break functionality within your app, if you have one.

That’s why we introduced two content blocks to do that: pages and lists. Check their functionality above.

Apart from better internal linking, they give your users a big usability advantage: they are bigger and thus, easier to click.

Content block page …

… for linking to one page.

Content block list …

… for linking to a group of similar pages.