Page builders

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 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), 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).
• The product with the designer on: tick Designer in its PrintBlob designer tab (Products). For a product without it, the widget, the module and the shortcode show nothing.