Join Telegram Join Now

How do I import a single page into Avada

Rate this post

The impressive Avada theme enables building all kinds of websites across niches ranging from handyman services to restaurants to e-commerce stores and more.

With its intuitive drag-and-drop Fusion Builder that just about any web designer can master, Avada would seem to make building every single page a breeze.

Yet what if you already have lone pages designed elsewhere that now need integration into an Avada site? Import options make doing so straightforward.

In this guide, we’ll explore the smoothest ways to import a single page into Avada using its built-in functionality.

By leveraging single demo import, reusable templates, and widgets, as well as other techniques, adding the odd unique page into Avada websites becomes painless.

Let’s check out step-by-step how to quickly import a single page into Avada.

Importing a Complete Standalone Demo Page

Let’s first tackle a scenario where you’ve built a unique page elsewhere with header, body content, and footer styling all in place. Be it a complex landing page with multimedia, booking form with layout, or single product description page, you now want to move it as-is into a production Avada site.

Avada makes this possible through its single demo import feature without needing coding skills. In your Avada backend:

  1. Access Import Demos under the Avada tab
  2. Via Single Demo Import, upload the standalone .JSON demo export file
  3. Configure to add as Draft and select appropriate demo data types to import
  4. Once uploaded 100%, select Create New Page and publish!

Just 4 simple steps give you the tailored page added to your Pages list, complete with all styling and content to use immediately! Remember to adjust the page template assignment as necessary too.

Moving a Modular Page Section into Avada

For simpler needs, you may want to move just a single section – be it a contact form, icon grid, pricing table, etc. – rather than an entire page into Avada. The most flexible way to achieve this lies in Widget imports.

Using the Widget Import & Export plugin:

  1. On your source site, export the target section into a .WIE file
  2. In your Avada site, go to Appearance > Widgets and select Import/Export at bottom
  3. Upload the .WIE, select appropriate replacement rules
  4. Check mapped widgets under Inactive Widgets and activate into Sidebars

With these steps, you’ve successfully imported just the required modular section as a widget for placing anywhere needing that element!

More Targeted Single Page Imports with Avada Elements

For migrating pages into Avada selectively, their Elements plugin is invaluable. Rather than everything, smartly import exactly what’s needed.

When importing single pages into Avada using Elements, you get fine control over:

  • Just page content
  • Complete page template + styles
  • Selective partial page layout containers/rows
  • Or only pieces like images, icons, or text blocks

This granular importing of standalone page pieces makes moving selected edits or enhancements into pages a breeze while skipping unnecessary extras.

Creating Reusable Sections

Once page segments are imported using Widgets or Elements, repurposing them elsewhere is simple.

To repeat sections across multiple pages:

  1. Save the imported widget or element into the Library
  2. Embed on pages needing that section as a Global widget
  3. Tweak sizing and padding per context across sites!

This templatized approach means the prolific reuse of sections imported into Avada just once. Changes made to the master template automatically flow across pages using that Global widget for maintenance ease.

Troubleshooting Avada Single Page Imports

Despite the ease of use, issues can occasionally crop up when importing a single page into Avada such as:

  • Images not displaying properly
  • Content width overflowing
  • Styling overrides causing distortions
  • PHP code errors amid incompatible plugins

Thankfully, these have relatively straightforward fixes:

  • Confirm absolute image paths or localize
  • Add overflow wrappers to affect segments only
  • Use custom CSS classes to restore key styles
  • Temporarily deactivate problematic plugins

By correctly handling images, containing CSS overrides, using custom classes purposefully, and checking plug-in conflicts, single-page imports into Avada always succeed!

Key Takeaways

With a wide range of import methods at its disposal, Avada makes incorporating single pages simple:

  • Standalone complete demo pages are added cleanly through Single Demo Importing
  • Modular sections and reusable page fragments imported via Widgets or Elements
  • Granular control over importing exactly what’s needed thanks to Elements
  • Templatize reusable sections for quick repetition across pages
  • Fix common import issues with images, CSS styles, and plugins

In just minutes, you can migrate imaginative and tailored single pages built elsewhere seamlessly into your production Avada site with minimal effort. These shortcuts are otherwise time-intensive page rebuilding!

Over to You

Do you import many single customized pages into Avada sites? What import route do you find most efficient? Let us know your preferred workflows for migrating lone pages into Avada!