Login

Learning & Support

Documentation

Working with Content Items

Twixl Support Team Updated: - Created :

    Different types of content items can be added to a collection.

    Overview

    1. HTML article: upload a .html file or a zipped folder
    2. Twixl InDesign .article or .publication: exported from InDesign, also to be uploaded in zipped format
    3. PDF file
    4. Image: .jpg or .png
    5. Movie: H.264 encoded .mp4
    6. YouTube movie: links to online movie
    7. Vimeo movie: links to online movie
    8. Inline Web Viewer: will display web content in line
    9. Embedded Web Viewer: will display uploaded web content in line
    10. Placeholder: a non-interactive Content Item to show text and/or an image, mainly used for a visual
    11. Collection Link: create a link to an existing collection)
    12. Collection & Link: create a new collection and a link to it at the same time
    13. Content Item Alias: lets you link to the same content item from different locations, even with different Cell Styles
    14. Web link: a link to a web page - limited to 255 characters. If you have web links that are longer, you can create a short url with e.g. Tiny URL or Bitly.

    How to prepare your content for upload

    1. HTML article: a plain .html file or a zipped folder containing all assets (images, CSS, etc.) with an index.html file at the root
    2. Twixl InDesign articles: you can either add individual .article InDesign exports, or you can also import a complete .publication (for multiple articles). Before uploading to the platform, make sure to zip your .article or .publication.
    3. PDF file: for best practices when uploading .pdf files, please check this article.
    4. Image: Images are accepted in .jpg or .png format
    5. Movie: You can upload H.264 encoded .mp4 movies - make sure your files are encoded at a quality optimized for mobile devices, so that they are not unnecessarily too big, preferably not larger than 1080 pixels wide. Also make sure that the bitrate of your video is not too high, as there may be problems rendering these on some lower-end devices.
    6. YouTube movie: you will need to enter the YouTube video ID or URL of any public YouTube movie
    7. Vimeo movie: you will need to enter the Vimeo video ID or URL of any public Vimeo movie
    8. Inline Web Viewer: the URL of the content that you want displayed inline
    9. Embedded Web Viewer: will display uploaded web content in line. The web content should be uploaded as a zipped file in the same way as an HTML article (see above), but the .oam file format (Adobe Animate, Tumult Hype) are also supported.
    10. Placeholder: a non-interactive Content Item to show text and/or an image, mainly used for a visual - images are accepted in .jpg or .png format
    11. Collection Link: create a link to an existing collection)
    12. Collection & Link: create a new collection and a link to it at the same time
    13. Content Item Alias: lets you link to the same content item from different locations, even with different Cell Styles
    14. Web link: a link to a web page - limited to 255 characters. If you have web links that are longer, you can create a short url with e.g. Tiny URL or Bitly.

    Four ways to add content items to your app

    1. Upload manually

    You can upload individual content items manually, one by one.

    2. Upload multiple items

    You can also upload multiple items at once. The following file formats are supported:

    • Zipped InDesign .article files
    • HTML files
    • Zipped HTML articles
    • PDF files
    • PNG and JPEG images
    • MP4 movies

    3. Import a complete InDesign .publication

    You can import complete Twixl .publication files exported from InDesign: in your app, select a collection, and at the top you'll notice an option "Import publication". When you have uploaded the zipped .publication, it will be processed and automatically split into separate .article content items.

    4. Push content from an external solution

    Push content from solutions like WoodWing Inception, Canvasflow, vjoon K4 etc.

    Sorting content items in a collection

    Sorting content items in a collection

    There are different ways to determine the order of the content items in a collection:

    • By Publish date, most recent first
    • By Publish date, oldest first
    • By Creation Date, most recent first
    • By Creation date, oldest first
    • By Title, A to Z
    • By Title, Z to A
    • Manual: You can use drag and drop to arrange the order of the content items.

     

    Was this article helpful?

    1 out of 1 found this helpful