Different types of content items can be added to a collection.
- HTML article: uploads a .html file or a zipped folder.
- Twixl InDesign .article or .publication: exported from InDesign, to be uploaded in zipped format.
- PDF: uploads a plain PDF file.
Image: can be either a
Movie: uploads a H.264 encoded
- YouTube movie: links to an online movie on YouTube.
- Vimeo movie: links to an online movie on Vimeo.
- Inline Web Viewer: will display web content in line.
- Embedded Web Viewer: will display uploaded web content in line.
- Placeholder: a non-interactive Content Item to show text and/or an image, mainly used for a visual.
- Collection Link: creates a link to an existing collection.
- Collection & Link: creates a new collection and a link to it at the same time.
- Content Item Alias: lets you link to the same content item from different locations, even with different Cell Styles.
- Web link: creates 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
- HTML article: a plain .html file or a zipped folder containing all assets (images, CSS, etc.) with an index.html file at the root.
- Twixl InDesign articles: you can either add individual .article InDesign exports, or you can import a complete .publication (for multiple articles). Before uploading to the platform, make sure to zip your .article or .publication.
PDF file: for best practices when uploading
Image: Images are accepted in
Movie: You can upload H.264 encoded
.mp4movies - make sure your files are encoded at a quality optimized for mobile devices, so that these are not unnecessarily too big and preferably not larger than 1080 pixels wide. Also make sure that the bitrate of your video is not too high, as these might result in error when rendering these on some lower-end devices.
- YouTube movie: Make sure the movie on YouTube is public and copy the YouTube video ID or the URL.
- Vimeo movie: Make sure the movie on Vimeo is public and copy the Vimeo video ID or the URL.
- Inline Web Viewer: the URL of the content that you want displayed inline
- 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.
Placeholder: a non-interactive Content Item to show text and/or an image, mainly used for a visual - images are accepted in
- Collection Link: create a link to an existing collection
- Collection & Link: create a new collection and a link to it at the same time
- Content Item Alias: links to the same content item from different locations, even with different Cell Styles
- Web link: links 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
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.