1. bluehost knowledge base

Website Builder (for WordPress) - Step up your Web design by using WP Elements

This article applies to the Bluehost Website Builder (for WordPress).  If you are not sure which version you are using, please see Bluehost Website Builder (for WordPress) vs Bluehost Builder for more information.

One of the neat features in WordPress that was integrated into Website Builder is WP Elements. This article will give you a step-by-step walkthrough on how-to add WP elements, how-to-use blocks and step up your web design game.


Adding WP Elements and Blocks

  1. From your Website Builder, click the + (Sections) icon and navigate through Recommended categories then select WP Elements.
    wb-wp-elements
  2. Once you selected WP Elements, select the block section for you to add the WP Elements section.
    wb-wp-elements-block
  3. To add a block in your WP Elements section, click the (+) inserter icon. From the inserter, you can select the common blocks provided.
    wb-wp-add-block

    Aside from that, you can also type the name of the block or the keyword on the search box. From this example, I type in "Table."

    wb-wp-searching-block-elements

    Tip: To learn more about Blocks and what other content you can add in WP Elements, kindly view this WordPress Help Article.

  4. On WP Elements, you can also add multiple blocks by clicking the (+) inserter icon.
    wb-wp-elements-demo

    Note: Your edits and updates are reflected instantly in Website Builder, but don’t forget to hit Save or Publish to save your work.

For further assistance, you may contact our Chat Support or Phone Support via 888-401-4678. You may also refer to our Knowledge Base articles to help answer common questions and guide you through various setup, configuration, and troubleshooting steps.