window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-92250014-1');
Media2018-11-05T09:35:56+00:00

Media Shortcodes

Avada has several built in short codes to manage your media. Youtube and Vimeo videos can be used all throughout the site and are all fully responsive. Images and videos can open in a lightbox, and you can use Soundcloud for all your audio files. All of this is easily accessed via built-in shortcodes.

image 1

Lightbox Shortcode

The Lightbox Shortcode lets you display high resolution images in a lightbox and a thumbnail that triggers it. You can also have an image as a thumbnail, but display a video in the lightbox. This shortcode is fully responsive, and is compatible with any size of our columns shortcode. This shortcode also has the option to add Alternative Information in case the image or video does not load properly.

image 1

image 1

image 1

image 1

Youtube Shortcode

The Youtube Shortcode allows you to display videos from Youtube by simply entering the video ID. This shortcode is fully responsive and allows you to indicate the width and height it will display in. This shortcode also gives you the option to autoplay the video, and to add additional API parameters.

For privacy reasons YouTube needs your permission to be loaded. For more details, please see our Privacy Policy.
I Accept

Vimeo Shortcode

The Vimeo Shortcode allows you to display videos from Vimeo by simply entering the video ID. This shortcode is fully responsive and allows you to indicate the width and height it will display in. This shortcode also gives you the option to autoplay the video, and to add additional API parameters.

Souncloud Shortcode

The Soundcloud Shortcode allows you to insert Soundcloud audio into your website with ease. Simply indicate the URL, and you’re good to go. This shortcode is fully responsive, and works perfectly with our columns shortcode. It also features some meta options such as width, height, auto play, color, and comments.

Complete Set of Options

Every option and description included with the media shortcodes are listed below.

Lightbox Shortcode

  • title – the custom description text that will be displayed inside the lightbox.
  • href – The URL path of the image, video or website you want to open in the lightbox.
  • data-rel – Must stay as prettyPhoto for the lightbox to work.
  • src – The URL path of the small image that will trigger the lightbox.
  • alt – The custom alternative title text that will show up in the lightbox.
  • class – Add a custom class to the wrapping HTML element for further css customization.
  • id – Add a custom id to the wrapping HTML element for further css customization.

Youtube Shortcode

  • id – The id of the video you want to insert. For example, the Video ID for http://www.youtube.com/LOfeCR7KqUs is LOfeCR7KqUs.
  • width –  Accepts a pixel value or a percentage to set the width. For example, 1px, or 50%. Leave Blank for full width.
  • height –  Accepts a pixel value or a percentage to set the height. For example, 1px, or 50%. Leave Blank for full width.
  • autoplay – Can be one of these values: yes, or no. This will enable or disable autoplay.
  • api_params – An additonal vimeo video paramter option.
  • class – Add a custom class to the wrapping HTML element for further css customization.

Vimeo Shortcode

  • id – The id of the video you want to insert. For example, the Video ID for https://vimeo.com/75230326 is 75230326.
  • width –  Accepts a pixel value or a percentage to set the width. For example, 1px, or 50%. Leave Blank for full width.
  • height –  Accepts a pixel value or a percentage to set the height. For example, 1px, or 50%. Leave Blank for full width.
  • autoplay – Can be one of these values: yes, or no. This will enable or disable autoplay.
  • api_params – An additonal vimeo video paramter option.
  • class – Add a custom class to the wrapping HTML element for further css customization.

Soundcloud Shortcode

  • url – The URL path of the soundcloud track you want to embed. For example, http://api.soundcloud.com/tracks/110813479.
  • comments – Can be one of these values: yes, or no. This will show or hide comments.
  • auto_play – Can be one of these values: yes, or no. This will enable or disable autoplay.
  • color – Accepts a hexcode ( #000000 ). Sets the color.
  • width – Accepts a pixel value or a percentage to set the width. For example, 1px, or 50%. Leave Blank for full width.
  • height – Accepts a pixel value or a percentage to set the height. For example, 1px, or 50%. Leave Blank for full width.
  • class – Add a custom class to the wrapping HTML element for further css customization.
  • id – Add a custom id to the wrapping HTML element for further css customization.

Join The 100,000+ Satisfied Avada Users!

BUY AVADA NOW!
This website uses cookies and third party services. By checking this box, you confirm that you have read and are agreeing to our Terms and Conditions & Privacy Policy regarding the storage of the data submitted through this form. SETTINGS Ok

Third Party Embeds

Reaccon may post links to third party websites on this site. These third party websites are not screened for privacy or security compliance by Reaccon, and you release us from any liability for the conduct of these third party websites. All social media sharing links, either displayed as text links or social media icons do not connect you to any of the associated third parties, unless you explicitly click on them. Please be aware that this Privacy Policy, and any other policies in place, in addition to any amendments, does not create rights enforceable by third parties or require disclosure of any personal information relating to members of the Service or Site. Reaccon bears no responsibility for the information collected or used by any advertiser or third party website. Please review the privacy policy and terms of service for each site you visit through third party links.

Tracking Cookies

This site uses cookies – small text files that are placed on your machine to help the site provide a better user experience. In general, cookies are used to retain user preferences, store information for things like shopping carts, and provide anonymized tracking data to third party applications like Google Analytics. Cookies generally exist to make your browsing experience better. However, you may prefer to disable cookies on this site and on others. The most effective way to do this is to disable cookies in your browser. We suggest consulting the help section of your browser.