Studio – Avada Website Builder https://avada.com For WordPress & WooCommerce Thu, 24 Oct 2024 23:17:07 +0000 en-US hourly 1 https://wordpress.org/?v=6.6.1 Avada.studio https://avada.com/documentation/avada-studio/ Tue, 10 May 2022 00:37:29 +0000 https://theme-fusion.com/?post_type=documentation&p=880369

avada.studio

avada.studio is our showcase Avada Studio website, where you can see an overview of the Avada Studio content, and you can sort, browse and preview the full range of available content. The website is loaded with design inspiration, and is updated regularly with new content blocks.

Along the far left, you can see icons representing the twelve types of Avada Studio content – Templates, Headers, Page Title Bars, Content Sections, Footers, Containers, Columns, Elements, Icons, Forms, Post Cards, Off Canvas, andMega Menus. Below the icons on the left, you can even see the total number of items in the Studio.

In the column to the right of the icons, are the categories for the selected content type. You can sort the content blocks into their various styles to help you refine your selection. In the main window, you can see a preview of the various content blocks. Just click on one to get a full-width functioning preview of the particular block. When you do this, you will also be able to see an Invert icon on the left-hand side to preview the item with its colors inverted. When you import, you will also be able to select this option.

As the Avada Studio content grows, this will become an amazing source of design inspiration, all of which is also available to you directly from within your Avada website.

Avada.studio
]]>
Avada Studio Import Options https://avada.com/documentation/avada-studio-import-options/ Tue, 10 May 2022 00:35:58 +0000 https://theme-fusion.com/?post_type=documentation&p=880367

Avada Studio is an awesome design feature, that allows you to add prebuilt, professionally designed content blocks virtually anywhere into your site. Avada Studio also has advanced import options, to help you control the way your content imports. These are accessed in slightly different ways depending on whether you are on the Avada > Studio page from the Avada Dashboard, or you are in the Avada Builder, and adding Studio Content directly from there. Let’s have a look.

Avada > Studio

When you are on the Avada > Studio page, you will only see these Import Options if you click on the image to preview the content block before you import. You will see the Import Options along the bottom of the preview, as well as Go Back and Import links.

Avada Studio > Import Options

Avada Builder > Studio Tab

If you are in the Avada Builder, and you go to directly add Avada Studio content from there, you can see the Import Options link at the bottom left of the dialog, as seen in the screenshot below. Click this to expand the options along the bottom of the dialog. Alternatively, if you open a specific preview by clicking on it, the options will already be open along the bottom.

Avada Studio > Builder Import Options

Import Options

  • Position – This will only be visible when adding top level content (i.e. template on blank page, header on Header Layout Section etc). The options are Insert Above Current Content, Replace All Page Content, and Insert Below Current Page Content.

  • Style – Here you can choose the default of “WYSIWYG Studio Styles”, or change the option to “Local Colors & Typography”. Choosing this second option will mean the content block inherits its settings from your Global Color Palette and Typography options. This is really useful to add prebuilt content blocks into your site that matches the colors you have set in your Global Color Palette, and your chosen typography options.

  • Images – The next import option is to do with images. The default is to “Import images” but if you’re only looking for the layout, you can change this setting to “Use Placeholders”.

  • Colors – With this option, you can use the default value of “Normal”, or you can instead select “Invert” before import. This will work best if you have set your Global Color Palette colors from lightest to darkest as recommended.

Avada Studio > Import Options

You can click on the Go Back link to return one step in the import process, or when you are ready to import your content block, simply click the Import button in the bottom right corner.

These might seem like minor options, but these import features allow you to import Avada Studio Content into your site that already matches your existing colors and typography. This is a huge advantage and time saver.

]]>
How To Add Avada Studio Content https://avada.com/documentation/how-to-add-avada-studio-content/ Tue, 10 May 2022 00:35:53 +0000 https://theme-fusion.com/?post_type=documentation&p=881355

Avada Studio Content Blocks are added to your site through the Avada Builder, and in a few cases, the Avada Library. How you add Avada Studio content depends slightly on the type of content it is. There are thirteen types of Studio content, which can be grouped into eight areas, covering every area of Avada. Let’s look at each of them separately. Read on, or follow the links in the Table Of Contents to go to a particular section.

Page Templates

These are accessed from a blank page, via the Avada Studio Button on the Starter page, or at any time on a normal page from the Avada Library icon on the Toolbar and then the Studio tab. These are full-page templates.

To add this page template content, just mouse over the desired template and replace any existing content, or add it below or above any existing content. A dialogue appears, showing the import process, and the content appears in the builder.

One thing to note here is the Avada Library > Websites tab. This is similar, but different to Avada Studio Content. Both are full-page templates, but here, you can import any of the individual pages from any of the eighty-plus prebuilt websites. This content now imports with images.

Avada Studio > Templates

Headers, PTBs, Content Sections & Footers

This type of Studio content is designed to be added to any one of the four types of Layout Sections, for use in Avada Layouts. If you are on a new Layout Section, you can add a prebuilt Studio Header, Page Title Bar, Content Section, or Footer respectively, by clicking on the Avada Studio button. You can also access the Studio Content at any time by opening the Avada Library from the toolbar and heading to the Studio tab.

These prebuilt, professionally designed Layout Sections can then be edited and customized to suit your content. Once you have completed them, just save them. To use them on your site, they would then need to be assigned to a Global or Conditional Layout at Avada > Layouts.

Avada Studio > Headers
Avada Studio > Page Title Bars
Avada Studio > Content
Avada Studio > Footers

Containers, Columns & Elements

This type of Studio content is designed to be added in the normal flow of building page content. When you add a new Container, Column or Element, just switch to the Studio tab, and there you will have access to the full range of the respective Studio content blocks.

This content can help you quickly build pages with great design and functionality, wthout having to build it all from scratch.

Avada Studio > Containers
Avada Studio > Columns
Avada Studio > Elements

Post Cards

Avada Studio Post Card content is added in a similar way. You can save Post Card Content directly to the Avada Library from the Avada Dashboard > Studio page, or when building a new Post Card.

There is no Starter Page when adding Post Cards, so the way to access Studio content here is to access the Avada Library and add a Post Card from there. These Post Card designs can be used directly as they are, by inserting them into your Layout Sections with the Post Card Element, or they can of course be first customized to suit your needs.

Avada Studio > Post Cards

Icons

Icon Studio content is a little different than the others. These content blocks need to be saved from the Avada Studio page, found at Avada Dashboard > Studio. Icon sets saved here are saved to the Icon page.

Avada Studio > Icons

Then, you can access any of the icons in the imported custom icon set through any place were you find the Icon picker. Many Elements have an icon option, as well as the Icon Element. Just look at the sets across the top of the Icon Picker and you will see any custom icon sets that have been added to Avada.

Avada Studio > Add Studio Icons

Forms

Avada Studio Forms can be saved directly to the Forms Builder page from the Studio page, but these can also be added when creating a new Avada Form. Just click the Avada Studio button from the Form Builder starter page to access the Studio forms, and add your preferred form. You can also acess the Studio tab through the Library when there is content on the page.

Of course, the imported Studio forms will need to be customized for your content and submission preferences, and then once they are finished, you can add them into your content with the Avada Form Element.

Avada Studio > Forms

Off Canvas

Avada Studio Off Canvas content is the latest addition to Avada Studio. You add Off Canvas Studio Content directly from the Starter Page of the Avada Off Canvas Builder. There is a range of Off Canvas designs for you to load, including popups and various types of sliding bars.

Avada Studio > Off Canvas

Mega Menus

Avada Studio Mega Menu content is added from the Avada Library when building a Mega Menu Library item.

These Mega Menus are then assigned via the menu item and the Avada Menu Options, in the relevant WordPress menu.

Avada Library > Adding Studio Mega Menus
]]>
How To Use Avada Studio https://avada.com/documentation/how-to-use-avada-studio/ Tue, 10 May 2022 00:35:46 +0000 https://theme-fusion.com/?post_type=documentation&p=880364

Avada Studio is a creative resource of professionally designed content, that can be imported with a click, and added to a website layout created with the Avada Website Builder. These content blocks can be as simple as a single element, as complex as a full page template, and everywhere in between. New content blocks are added regularly, and they are easy to use and customize. This huge and ever increasing library of content will help you build your sites even faster, with top notch designs, right out of the box.

Read on to discover more about Avada Studio, and watch the video below for a visual overview of this great feature.

For privacy reasons YouTube needs your permission to be loaded.

3 Ways To Access Avada Studio

Avada Studio is accessed in three different ways.

  • Directly on avada.studio – here, you can browse and explore the Studio content.

  • Avada Dashboard > Studio (see below). From within your WordPress website, you can browse and import Avada Studio content to the Avada Library, and their other homes.

  • From within the Avada Builder – you can also add Avada Studio content directly, as you build. See the How To Add Avada Studio Content doc, for a full descripton of where you can access Avada Studio content from when you are building.

Avada Dashboard > Studio

The Avada Studio page within Avada is available from the Avada Dashboard. You will need to have a registered copy of Avada to access this area. Like the Avada Studio website, this area allows you to sort, browse, and preview the Studio content, but with the added ability to save your favourite content directly into your Avada Library.

This time, the content types are arrayed across the top, but with the same sort and preview functionality as the studio website. The Preview icon allows you to preview the individual content blocks, while the Library icon allows you to save content blocks directly into the Avada Builder Library for future use. You don’t have to save anything from here, as all the content is available to be added through the Avada Library when building your content in Avada Builder (with the single exception of icons). But it’s an easy way to save preferred content blocks as you are browsing.

New Avada Studio content is regularly added as new designs are created, and there is also a Sync Avada Studio button at the top of the page to ensure you have the latest content.

Avada Studio Site Page

Where Studio Content Gets Saved

Avada Studio content is saved in different places, depending on the type of content. See below for a full list.

  • Templates – These are saved in the Avada Library under Templates.

  • Headers – These are saved in the Layout Section Builder, under Header.

  • Page Title Bars – These are saved in the Layout Section Builder, under Page Title Bar.

  • Content Layout Sections – These are saved in the Layout Section Builder, under Content.

  • Footers – These are saved in the Layout Section Builder, under Footer.

  • Containers – These are saved in the Avada Library under Containers.

  • Columns – These are saved in the Avada Library under Columns.

  • Elements – These are saved in the Avada Library under Elements.

  • Icons – These are saved in the Avada > Icon area.

  • Forms – These are saved in the Avada > Forms Area.

  • Post Cards – These are saved in the Avada Library under Post Cards.

  • Off Canvases – These are saved in the Avada > Off Canvas area.

  • Mega Menus – These are saved in the Avada Library under Mega Menus.

We think Avada Studio is a real gamechanger for Avada users. This rapidfire way of deploying professionally designed content into your site will speed up your workflow immensely, and also ensure your designs are of the highest standard. And with the introduced Import Options, your content can fit into your site design right from the start.

]]>