How to Edit an Template in SP Page Builder for Joomla

This tutorial will guide you through the steps of editing a page in Joomla using the SP Page Builder Pro component. We'll be using the interface options seen in the provided screenshots to demonstrate the process.

Step 1: Log into the Joomla Administrator Panel

1. Open your web browser and log into the Joomla backend by navigating to your site's administrative URL (usually ).yourwebsite.com/administrator
2. Enter your Username and Password to access the Joomla dashboard.

Step 2: Navigate to SP Page Builder Pro

1. Once you're logged into the Joomla dashboard, look at the left sidebar for navigation options.
2. Locate the Components menu (as highlighted in the first image).
3. Click on Components to expand the menu.
4. From the list of components, select SP Page Builder Pro to access the page builder options.

Step 3: Open the Pages Section

1. After selecting SP Page Builder Pro, a submenu will appear.
2. From the submenu, click on Pages (as shown in the first screenshot) to view the list of pages created using SP Page Builder Pro.

Step 4: Select the Page to Edit

1. In the Pages section (as shown in the second screenshot), you will see a list of all the available pages.
2. Locate the page you want to edit. In the example, the page titled Home is highlighted.
3. Next to the Home page, you will see the Frontend Editor button. Click this button to open the page in the frontend editor for modifications.

Step 5: Frontend Editing

Once the Frontend Editor is clicked, you'll be redirected to the frontend of your site where you can make live edits to the page content. This is a visual way to update content, sections, and layout using SP Page Builder Pro’s drag-and-drop interface.