Exporting your design for CMS allows you easily host your design in an iframe, or as a generic HTML5 ZIP with no tracking information for ad servers. 


If you plan to serve your design using an ad server, such as Google Campaign Manager, you'll need to export your designs for an Ad Server, rather than for CMS. For more information, check out our article on Exporting for Ad Servers.


Select a CMS Platform


To export a design for CMS, open the 'Export' panel on the right hand side of the editor, select 'Export as HTML5', and then open the 'CMS' tab.


Once you are in the CMS tab, you'll be able to select which CMS platform you would like to export for from the CMS platform dropdown.



Only one CMS platform may be chosen per export. If you require exports for multiple CMS platforms, you will need to separately export for each CMS platform you need.


If you need to export for an CMS platform that isn't listed, contact a member of the Flexitive Support team at support@flexitive.com.. You can also try exporting your design for a 'Custom Site', as the files you receive when exporting for a Custom Site will work for most CMS platforms.


Set Export Properties



Once you've chosen a CMS platform to export for, you will be able to set properties for your design. These include:

  • Backup Image Quality → Allows you to control the compression level of the backup image in your Flexitive export. For more information, check out our support article on Image Quality Controls.
  • Image Asset Quality → Allows you to control the compression level of the image assets in your HTML5 design. For more information, check out our support article on Image Quality Controls.
  • Export 2x size images → Allows you to double the resolution of image assets included in the exported HTML5. Only available for ZIP export. For more information, check out our support article on Exporting 2x size images.
  • Embed web fonts → Allows you to embed the code for custom web fonts in the index.html file for your exported design. Only available for ZIP exports. For more information, check out our support article on Embedding Web Fonts.
  • Add 1 pixel border → Adds a 1 pixel border to the edge of your Flexitive export. For more information, check out our support article on Adding a 1 Pixel Border to Flexitive Exports.


Choose Design Sizes and Export


After selecting a CMS platform and setting export properties, choose the sizes to export from Flexitive, and then click on either Export Iframe or Export Design to download a file for your CMS platform.




Exporting an Iframe Embed


Iframe exports for CMS contain an excel document with the script for an iframe for you to copy and paste directly into the HTML for your site. If you need an iframe embed for a CMS not included in our export options, contact a member of the Flexitive Support team at support@flexitive.com.


Iframe exports for CMS allow you to host designs in the same way as the design below. They will use any clickthrough, animation or hover state settings that you set in Flexitive.




Designs exported as iframes for CMS are hosted on the Flexitive servers, so standard serving fees will apply.


CMS exports will provide you with an iframe you can add directly into the HTML for your site, and these iframes compatible with most CMS software. In Flexitive, we support exporting for the following CMS programs, although exports may work with other platforms as well:


Content Management SystemSupport Exporting Iframe Embeds?
Custom Site
Drupal
Wordpress
Joomla!
Magento


ZIP Exports


Exporting a design as a ZIP will provide you with a ZIP file containing each size you have chosen to export. The exported designs include all the images and code necessary for hosting the design and are cropped and compressed to their lowest possible file size.