Category: Tutorials

Deeper Dives with Flexitive Design Cloud Tutorial Videos

Flexitive Deeper Dives tutorials provide you with in-depth coverage of topics such as Text and Webfonts, Video Components and the Carousel Widget. You’ll learn about all aspects of text in your design, uploading and embedding videos, and different Carousel Widget options.

Deeper Dives:

Text & Webfonts

Learn more about formatting text boxes or specific words/characters within a text box (inline text). Access 700+ free web fonts and over 20,000 paid fonts, or how to upload your own custom font. Also, more advanced text options like scrolling text.

Video Components

Learn how to upload videos to Flexitive Design Cloud and add them to a Flexitive HTML5 page, or embed a Youtube video. Customize playback options like autoplay, show/hide controls etc. with no coding.

Carousel Widget

The Flexitive Carousel Widget allows you to quickly add images or videos into a rotating responsive carousel.

  • Set it to swipe left/right (via mouse or touch!)
  • Change the type of transition animation between slides

For more videos and Flexitive Design Cloud Tutorials – Essentials check out our YouTube Channel youtube.com/flexitive.

If you have a request for a tutorial video, reach out to us at support@flexitive.com.

Learn the Essentials with Flexitive Design Cloud Tutorial Videos

Flexitive Design Cloud Tutorials are a quick and easy way to learn how to build designs in Flexitive.

In minutes, you can learn about the basics of Flexitive, from creating your first size, adding animations, exporting designs and more.

Flexitive tutorials are handy when onboarding a new team member or for a quick refresher.

Flexitive Tutorial Videos:

  1. Creating Your First Size

You can learn how to build your first size in Flexitive.

  • Dropping your high resolutions assets (jpg, transparent png, gif, mp4 etc) to the canvas
  • Setting a background color and image
  • Cropping assets
  1. Activating Unlimited Sizes

You can learn how to create a single design that adapts to unlimited sizes – whether specific fixed sizes, full-screen sizes or fully responsive designs!

  1. Animate Your Design

Learn the basics of animation in Flexitive.

  • Adding keyframes
  • Choosing an animation for each element (applies across all sizes)
  1. Generate Live Preview Pages

Learn how to generate a live preview page URL that you can send to anyone for feedback or approvals.

  1. Exporting a Design for any Size & Channel

Learn how to export your design for any size, channel and file format. Flexitive automatically optimizes your images for each size, and even optimizes code so that it works everywhere.

  1. Making Design Variations Fast

Learn how to create more design variations really fast.

  • Swap an asset (eg image, video etc) with any other asset, that will change across all sizes.
  • Change an animation in one click (that applies on all sizes instantly).
  • Generate a live preview page of your design variation.

For more videos and Flexitive Design Cloud Tutorials – Deeper Dives check out our YouTube Channel youtube.com/flexitive.

Export Anywhere

With Flexitive, you can export your animated HTML5 designs in a variety of different ways. Choose the export option that bests suits the platform you’d like to display your designs on and the audience that you’d like to reach. Once exported, you can then display your animated HTML5 designs on ad servers, websites, digital signage, social platforms, and more.

Ad Servers
You can export your HTML5 file package as a ZIP file or live ‘tag’, and the latest ad server code will be automatically added to your file. Live designs exported directly from the Flexitive Design Cloud reflect changes instantly. Flexitive currently supports over 40 of the leading ad servers and is constantly adding more.

See the full list of Flexitive supported ad servers here.

CMS
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. Export your designs for CMS when you want to use your Flexitive design as an element on your website.

Learn more about exporting your designs for CMS here.

Digital Signage
With Digital Signage you can display your Flexitive designs on any sized screen, across stadiums, conference stands, menu boards, and more. Digital Signage requires a flexible design that can to adapt to any screen. Since fixed size designs cannot do this, it is recommended that designs for Digital Signage be built to be fully responsive.

For more information, check out our article on Building a Design for Digital Signage.

Social Media
Most social media platforms do not accept HTML5 design uploads, so when you export your design for social media you should export static JPEG images or as a video export.

For more information on exporting, check out our Flexitive Tutorial Video Exporting a Design.