# Page builders

With PrintBlob Pro, put the designer anywhere in pages made with Elementor or Beaver Builder, or with the [printblob_designer] shortcode in Divi, Bricks and any other builder that runs shortcodes.

PrintBlob shows the designer on a product's own page by itself, and the **PrintBlob designer** block puts it on any page made in the block editor. [PrintBlob Pro](/docs/pro/) adds the designer to page builders, so you can place it anywhere in the pages you build with them. Each one shows exactly what the block shows: the same designer, the same styles (see [Theme integration](/docs/theme/)), and the 3D view and everything else Pro adds.

## Elementor

1. Edit the page with Elementor.
2. Search the widgets for **PrintBlob designer** (in the General group) and drag it onto the page.
3. Under **Product**, choose the product customers design. On an Elementor template for single products, leave **The product the page shows**.
4. Publish the page.

## Beaver Builder

1. Open the page in Beaver Builder.
2. Find the **PrintBlob designer** module, in the PrintBlob group, and drag it into a row.
3. Under **Product**, choose the product customers design, or leave **The product the page shows** on a template for single products.
4. Publish the page.

The module is made and tested with Beaver Builder Lite, the free Beaver Builder from WordPress.org.

## Divi, Bricks and other builders

Add this shortcode to the builder's shortcode, code or text element (Divi's Code module, Bricks' Shortcode element):

```
[printblob_designer product="123"]
```

`product` is the product's ID: under **Products**, hover over the product to see it. Leave `product` out on a template for single products to show the product the page shows.

Divi and Bricks are paid builders that we can't install and test a widget of our own in, so PrintBlob Pro gives them the shortcode rather than a widget. The shortcode works in any builder, and in any WordPress text, that runs shortcodes.

## What it needs

- PrintBlob Pro with an active licence, as for Pro's other features ([Licence and updates](/docs/licence/)).
- The product with the designer on: tick **Designer** in its **PrintBlob designer** tab ([Products](/docs/products/)). For a product without it, the widget, the module and the shortcode show nothing.

---

Page: https://printblob.com/docs/page-builders/

See also: [guides](https://printblob.com/guides/index.md), [features](https://printblob.com/features/index.md), [situations](https://printblob.com/situations/index.md), [compare](https://printblob.com/compare/index.md), [demos](https://printblob.com/demos/index.md), [tools](https://printblob.com/tools/index.md), [themes](https://printblob.com/themes/index.md).