Copying and pasting website sections is a quick and efficient way to duplicate content, maintain consistency, and save time when designing your website. This feature is especially useful when you want to reuse the same layout or elements across multiple pages. Here’s how you can easily copy and paste sections using OzSpeed’s Website Builder.
Step 1: Access the Website Editor #
Start by opening the page that contains the section you want to copy.
- Log in to hPanel at ozspeed.com.au.
- Go to Website Builder > Edit Site.
- Navigate to the page where the section you want to copy is located.
Tip: #
- Use the Preview feature to view the page and decide which sections you want to copy.
Step 2: Select the Section to Copy #
Identify the section you want to duplicate and select it in the editor.
How to Select the Section: #
- Hover over the section you want to copy until the section toolbar appears.
- Click on the Options (three dots) icon or the Section Settings (gear icon).
- Select Copy Section from the dropdown menu.
Tip: #
- Make sure to copy the entire section if it contains multiple elements (e.g., text, images, buttons).
Step 3: Navigate to the Destination Page #
Go to the page where you want to paste the copied section.
How to Navigate: #
- Click on the Pages tab in the top toolbar.
- Select the destination page from the list or create a new page if needed.
Tip: #
- You can paste the copied section on any page within your website, even if it’s a new or blank page.
Step 4: Paste the Copied Section #
Once you’re on the destination page, paste the copied section.
How to Paste: #
- Hover over the area where you want to insert the section and click + Add New Section.
- Click Paste Section in the dropdown menu.
Tip: #
- Place the copied section at the desired location on the page (e.g., top, middle, or bottom).
Step 5: Customize the Pasted Section #
After pasting the section, you can customize the content to fit the new context.
How to Edit: #
- Click on the pasted section to open the Section Settings.
- Update the text, images, and buttons as needed.
- Click Save after making changes.
Tip: #
- Customize the design and content slightly to avoid duplicate content issues, especially for SEO purposes.
Step 6: Preview and Test the Changes #
Before publishing, preview the page to ensure the copied section looks good and functions correctly.
How to Preview: #
- Click Preview in the top toolbar.
- Check the copied section on both desktop and mobile views.
- Test all links, buttons, and interactive elements within the section.
Tip: #
- Use an incognito window or clear your browser cache to see the changes as a new visitor would.
Step 7: Publish the Changes #
Once you’re satisfied with the copied and customized section, publish the page to make it live.
How to Publish: #
- Click Publish in the top right corner of the editor.
- Confirm the changes to go live.
Tip: #
- Share the updated page with your audience to showcase the new additions.
Troubleshooting Tips #
- Section Not Pasting Correctly:
- Ensure you selected Copy Section and not just an individual element.
- Refresh the editor and try copying and pasting again.
- Layout Issues After Pasting:
- Check the padding and margin settings in the Section Settings.
- Adjust the design to fit the new page layout.
- Duplicate Content Concerns:
- Modify the text and images slightly to avoid SEO penalties for duplicate content.
Additional Tips: #
- Create Templates: Save commonly used sections as templates to speed up the design process for future pages.
- Maintain Consistency: Use the same style and design elements across copied sections for a cohesive look.
- Optimize for Mobile: Ensure that the copied sections look good and function properly on mobile devices.
