Pineapple Builder Logo

Edit Website

Learn how to edit your website, including element configurations, component layouts, and advanced options such as Theme Variants and AI-assisted editing.


Your website is constructed from a variety of sections, each meticulously crafted by Block Components. These components are fully customizable to suit your unique business and design needs.

Theme Variants

Creativity with our dynamic color configuration feature. Simply select different configuration and we will intelligently picks the best colors for your text and other elements, all based on your unique branding colors. This automated process requires no extra adjustments on your part, when you update your brand colors. So, whenever you need a creative boost, just give it a try.

Using Theme Variant for Sections.

Adding Section Templates

Using template sections for pricing, testimonials, or FAQ can provide several benefits. Firstly, these sections offer a consistent and professional look across your website. By using pre-designed templates, you ensure that the styling and layout of these sections are visually appealing and in line with your overall website design.

Secondly, template sections save you time and effort. Instead of starting from scratch and designing these sections individually, This allows you to quickly add these sections to your website without the need for extensive coding or design skills.

add section_templates_examples
add section_templates_examples

Pick pre-build Sections Templates or Generate yours.

Generating Section

Furthermore, template sections offer flexibility and customization options. While the overall structure and design of the sections are already set, you can still customize various elements within the templates to match your branding and content requirements. This includes editing text, images, colors, and fonts, enabling you to create a unique look and feel for these sections while maintaining consistency with the rest of your website. Lastly, template

AI Section Editing for Copy

While it's great to have template we often struggle with website copy. Therefore, AI-assisted editing can help streamline the process of creating compelling copy for your website sections.

By leveraging artificial intelligence, you can generate engaging and relevant content that resonates with your target audience, as you are going to train your AI Assistant who knows your business well. This can save you time and effort in brainstorming ideas and crafting persuasive text.

AI Section Editing for Design

In addition to generating copy, AI-assisted editing can also help with full design and content creation. By utilizing AI-powered tools, you can automate the process of creating visually appealing layouts and designs for your website sections. This can include selecting color schemes, choosing fonts, and arranging elements in an aesthetically pleasing manner. By combining the power of AI with your creativity and unique business needs, you can enhance the overall look and feel of your website sections while ensuring that the content is engaging and impactful.

So, whether you need assistance in generating copy or designing your website sections, AI-ass

Save Sections

Effortlessly save your custom sections by clicking the 'Save' icon from the section context menu. Access them later under the 'Saved' sections when adding a new section.


Craft your unique website with our pre-designed components that align with your brand style. Customize them to your liking with zero coding required!


Design Components


You can customise and add new elements to your website by:

  • Directly editing elements on your website

  • Add more components

  • Update design and additional actions

  • Drag & Drop elements using Layers view

Advanced Design Course

Expand your knowledge with our additional courses, conveniently located in your website's dashboard. Dive into the intricacies of element design and layout, and master the art of using our unique flex focus layout. All designed to help you create a more engaging and effective website.

Save Draft version

We understand the importance of having control over your document's versions. That's why we've implemented a standard approach that allows you to save your document whenever you're ready. And if you're not, simply refresh your page.

Blog Editing

As blogging is about writing, we don't want to distract you with too many features, therefore we have built simplified editor for blog.

Our AI Assistant is at your disposal, ready to help you brainstorm ideas, enrich your content, and even add images and videos with a simple /image command. Just type your AI Prompt and follow it with three dots ... and it will be change into AI response.

AI Blogging

Here's a brief glimpse into your potential blogging journey with us, from sparking inspiration for blog topics, to structuring your content, incorporating free images, and expanding your reach. All in one editor with streamlined process without distractions.

Made in Pineapple Builder - AI Website Builder Builder