How to Add Avada Studio Content to an Existing Website

Avada Studio is a creative resource for Avada website owners that provides access to professionally designed content for your website, which has never been easier. Whether you’re building a new site or enhancing an existing one, Avada Studio offers a wide range of prebuilt content that can be effortlessly integrated into your website with a few clicks.

In a previous post, we demonstrated how to add and customize an Avada Post Card to your website. In this post, we will demonstrate how to add and customize a 404 page template and a Blog single post layout. Let’s get started!

Avada Studio is a creative resource for Avada websites that provides users with a library of professionally designed, pre-built content that can be imported into any Avada website. These elements, which include sections, layouts, templates, headers, footers, and more, are designed to help users quickly build and customize their websites without starting from scratch.

Log into your Avada website Dashboard and navigate to Avada > Studio. Here, you’ll find a wide variety of content categorized for different uses, which can be imported with a click and customized to suit your specific needs.

Customizing Avada Studio content could not be easier. Avada empowers you to seamlessly integrate beautifully designed content into your website while tailoring it to match your brand’s unique style. You’re not limited to the pre-built designs—every aspect of the imported content can be modified to fit your needs.

With the flexibility provided by Avada, you can quickly adjust colors, tweak typography, or reconfigure layouts import with a click and then move on to other important marketing tasks. Below, we will demonstrate this by customizing two assets: a 404 page template and a blog post layout.

In the first example, we’ll replace the default 404 page of the Avada Hosting website with a prebuilt 404 page imported from the Avada Studio, demonstrating how to turn a default layout into an engaging and stylish page.

Start by intentionally triggering a 404 error on your site to see the current layout in action.

Log into your website and navigate to Avada > Dashboard > Layouts page and locate the layout assigned to the 404 page.

You have two options: create a new layout section or edit the existing one. For simplicity, let’s edit the existing layout section.

Click on Avada Studio and browse the available 404 page layouts. Select a design that appeals to you, preview it, and adjust the import options to match your site’s style. Import the chosen layout.

Once imported, customize the layout to fit your website. For instance, you may need to adjust the menu, change the gradient colors, or edit the text to reflect your website’s style.

Save the layout after making the necessary adjustments.

In the second example, we’ll replace the default blog single post layout of the Avada Hosting website with a prebuilt single post layout imported from the Avada Studio, demonstrating how to turn a default layout into an engaging and stylish page.

To view the current layout in action, go to the “Articles” page and click on any post to view the layout.

Log into your website and navigate to Avada > Dashboard > Layouts page and locate the layout assigned to your blog posts.

As with the first example, you can choose to edit the existing layout section or create a new one. For this example, we’ll edit the existing one.

Filter the available layouts to find one suitable for blog posts. Select and import the layout that best fits your desired look.

Once imported, customize the layout as needed. You may need to adjust the image aspect ratios, modify column sizes, or tweak the typography to ensure the design integrates smoothly with your existing content.

Save the layout and refresh your blog post to view the changes.

These two examples illustrate the versatility and ease of using Avada Studio content to enhance your website. Whether you’re updating specific pages or refreshing your overall design, Avada Studio’s prebuilt content provides a professional solution and is fully customizable. You can tailor the content to match your website’s unique brand and styling.