Prebuilt Elements and Sections In Funnels & Websites

Enhance your website and funnel design process with the introduction of Prebuilt Elements in the Builder. These powerful design tools streamline your work, enabling you to create professional and functional web pages quickly and efficiently. The latest enhancements include prebuilt buttons, images, social media icons, progress bars, and pre-built sections all designed to elevate your website’s functionality and aesthetic appeal.

How to Use Prebuilt Elements

1. Open the Design Bar:
   • Navigate to Sites in the Referins platform and then to your website or funnel builder interface.
   • Click on any funnel/website you want to edit and then within that funnel/website click on edit page details.

• Open the left-side design bar where you will find the new sections dedicated to prebuilt elements.

1. Add Prebuilt Buttons:
   • Select the "Buttons" section.
   • Choose from a diverse collection of aesthetically pleasing, pre-designed buttons.
   • Drag and drop the selected button onto your web page.

1. Integrate Prebuilt Images:
   • Select the "Images" section.
   • Browse through a curated library of high-quality, royalty-free images.
   • Drag and drop the desired image onto your web page/funnel.

1. Use Social Media Icons:
   • Select the "Social Media Icons" section.
   • Choose from icons for all major social media platforms including Facebook, Twitter, Instagram, LinkedIn, and more.
   • Drag and drop the icons to the desired location on your web page.

1. Implement Progress Bars:
   • Select the "Progress Bars" section.
   • Choose a progress bar that fits your needs.
   • Drag and drop the progress bar to showcase milestones, loading indicators, or progression metrics on your web page.

1. Pre-Built Section Templates:

Pre-built section templates provide a range of categories such as welcome, about, team, testimonials, and more, allowing users to add ready-made sections to their projects easily. To use, navigate to the funnel builder, click the plus icon for Add Elements, and select from the pre-built sections. 

Simply drag the desired section into your layout to instantly enhance your design.

Usage Requirements: Ensure the builder feature is enabled in your account settings. Adding your pre-built sections may require specific permissions or settings adjustments.

Use Cases for Prebuilt Elements and Section Templates

1. Enhancing a Sales Funnel
   Scenario: A business is setting up a sales funnel to convert leads into customers.
   Implementation:
   • Prebuilt Section Templates: Use pre-built sections like testimonials and welcome banners to create a professional and convincing introduction to your funnel.
   • Prebuilt Buttons: Include attractive call-to-action buttons like "Buy Now" or "Learn More" to guide users through the funnel steps.
   • Social Media Icons: Add social media icons to encourage sharing of the funnel, increasing reach and potential leads.
   • Progress Bars: Implement progress bars to show users how far along they are in the funnel, motivating them to complete the process.
     Benefit: Streamlining the sales funnel with engaging elements and ready-made sections can lead to higher conversion rates and a smoother user experience.
2. Creating a Professional Portfolio Website
   Scenario: A freelance designer is creating an online portfolio to showcase their work and attract clients.
   Implementation:
   • Prebuilt Section Templates: Utilize pre-built sections like "About" and "Team" to quickly build out informative and visually appealing parts of the portfolio.
   • Prebuilt Images: Use high-quality, royalty-free images to complement the portfolio pieces.
   • Prebuilt Buttons: Add buttons like "View Project" or "Contact Me" to make navigation intuitive and direct.
   • Social Media Icons: Include social media icons to link to professional profiles, enhancing visibility and credibility.
     Benefit: A polished and professional portfolio website using pre-built sections and elements can attract more clients and provide a seamless user experience.
3. Building an Informative Blog
   Scenario: A blogger wants to enhance their blog's design and functionality to retain readers and increase engagement.
   Implementation:
   • Prebuilt Section Templates: Use pre-built sections like "Testimonials" to add credibility or "About" sections to give readers insight into the blogger's background.
   • Prebuilt Images: Enrich blog posts with visually appealing images to break up text and maintain reader interest.
   • Progress Bars: Use progress bars to indicate reading progress, keeping readers engaged till the end of the post.
   • Social Media Icons: Enable easy sharing of blog posts on social media platforms to broaden reach.
     Benefit: Improving the visual and functional aspects of a blog with pre-built sections can lead to higher reader retention and increased social media shares.
4. Developing an E-commerce Site
   Scenario: An online store wants to create an engaging shopping experience for its customers.
   Implementation:
   • Prebuilt Section Templates: Leverage sections like "Team" to introduce the people behind the brand or "Testimonials" to display customer reviews, enhancing trust.
   • Prebuilt Buttons: Incorporate buttons like "Add to Cart" and "Checkout Now" to simplify the purchasing process.
   • Progress Bars: Use progress bars during checkout to show customers how close they are to completing their purchase, reducing cart abandonment.
   • Social Media Icons: Add social media icons to encourage customers to share their purchases and reviews.
     Benefit: An engaging and user-friendly e-commerce site, enriched with pre-built sections, can improve customer satisfaction and boost sales.

FAQs

1. How do I add prebuilt elements to my website or funnel in Referins?
   • To add prebuilt elements, navigate to Sites, select the website or funnel you want to edit, and click on the edit page details. Open the left-side design bar, select the desired prebuilt element section (such as buttons, images, social media icons, or progress bars), and drag and drop the elements onto your page.
2. What types of pre-built section templates are available, and how can I use them?
   • Pre-built section templates include categories like welcome, about, team, and testimonials. To use them, go to the funnel builder, click the plus icon for Add Elements, select from the available pre-built sections, and drag them into your layout to enhance your design.
3. Can I use prebuilt elements to enhance a sales funnel?
   • Yes, you can use prebuilt section templates like testimonials and welcome banners, along with call-to-action buttons, progress bars, and social media icons to create a more professional and effective sales funnel, ultimately improving conversion rates.
4. How can prebuilt elements help me create a professional portfolio website?
   • You can use prebuilt section templates like "About" and "Team," high-quality images, intuitive navigation buttons, and social media icons to create a polished portfolio that effectively showcases your work and attracts clients.
5. Are there any specific requirements or settings needed to use prebuilt elements and sections?
   • Ensure that the builder feature is enabled in your account settings. Adding pre-built sections and elements may require specific permissions or settings adjustments, so check your account configurations before proceeding.