Pineapple Builder

Design Block Elements


In this section, you'll discover a variety of block components designed to elevate your website's functionality and user experience. Each component is crafted to integrate into your site, offering enhanced interactivity and performance optimization.


Whether you're adding content sections, interactive forms, multimedia galleries, or advanced navigation features—our guide provides step-by-step instructions for implementation.


Here are just couple examples of our blocks:


  • Contact Form: Learn how to integrate a Contact Form to enable visitors to get in touch with you easily.

  • Header Menu: Editing Understand how to edit your website's header menu to customize navigation according to your needs. We will be documenting more blocks soon to provide you with a comprehensive guide to enhance your website further.

  • WhatsApp Button: Add a WhatsApp Button to your website to allow users to contact you directly through WhatsApp.


You can add more blocks before or after each existing block. Simply select a block and click the "+" button on the page to pick your new block to add.



adding whatsapp_button
adding whatsapp_button

To add a new block, click "+" button.


To manage and organize your blocks effectively, use our "Layers" tab located at the top left of your screen. The "Layers" tab provides a comprehensive list of all blocks on your page, allowing you to drag and drop them into position as needed. This feature offers flexibility in customizing the layout, making it easier for you to create a seamless user experience tailored to your needs.


block components_2
block components_2


Unlock the potential of your website with these tools that cater to both novice users and seasoned developers alike. Dive in and transform your digital presence with ease!

Pineapple Builder - AI Website Builder Create Docs