Import and edit pages of SP Page Builder

Wondering how to edit or import SP Page Builder pages from a template's QuickStart? In the following guide, we'll explain how to start editing QuickStart or importing QuickStart pages into an existing site.

Pages like Home, Home 2, About Us, About Us 2, Services, Services 2, Services Details, Contact, Teams, Testimonials, FAQ, and others similars are built with SP Page Builder. Here we'll explain how to edit them and how to integrate them into existing sites.

Edit Pages

For this case, let's assume you're starting your website with QuickStart, so the SP Page Builder pages are already created.

To edit from backend go to: Components >> SP Page Builder >> Pages

1. Click to edit using Backend Editor
2. Click to Edit using Frontend Editor (real time editor)

To edit from frontend, you loggin as Super User in frontend.

1. All pages where you see these button is built with SP Page Builder, and you can edit in live editor clicking in these button.

Importing Pages

If you've installed our template on an existing site, follow these steps to integrate the pages you want. To do this, you must have installed the QuickStart locally or in a separate folder.

1. Install Icons

The icon pack is located in the package you downloaded or in your downloads panel, to install it on your existing site go to Components >> SP Page Builder >> Pages >> Custom Icons, select the ZIP file of icon and it will be installed automatically.

2. Export Page

To export a complete page from QuickStart go to, Components >> SP Page Builder >> Pages >> PAGE TO EXPORT, then being in the frontend or backend editor clikc in Page Options (3 dots) >> Export >> Include Media Data.

1. In new modal select Include Media Data and click in Export Now. This will export the entire page including settings, styles, and images in a ZIP file.

3. Import Page

Now, in the existing site, we are going to import the page we just exported, for which we have to follow the following steps:

• Create a page from: Components >> SP Page Builder >> Pages >> Add >> New Page, in modal add page name and save

• From editor (Backend or Frontend) click in Page Options (3 dots) >> Import >> From your computer, select the ZIP file we exported, click Open, and the page will be exported.

Missing sections?

After importing pages from QuickStart, there may be sections on your site that don't have the content you see in QuickStart, or they may display different content. This is because they are Joomla Module addons, and they use the module's ID to display their content. If the ID doesn't exist, nothing will be displayed, and if the ID exists, the content will be displayed, even if it's a different type. To resolve this, you must recreate the module, then edit the page and select the correct module.