Getting Started

Adding a Shortcode

You can insert an Advanced Grid Builder (AGB) anywhere in WordPress where shortcodes are supported.

Standard WordPress

To add an AGB, edit a page or post and add this shortcode anywhere in the content area:

[agb id='any-name']

Replace ‘any-name’ with a unique id for your grid.

You can add as many AGB shortcodes to a page as you like. If they have the same id, they will display the same content, otherwise each will be different.

Back end view

Add your Dyggrid shortcode to the content area when editing pages and posts

Front end view

When viewing your page, the front end editor shows a blue cog at the top left corner of the grid

Divi Page Builder and Theme

The AGB shortcode can be added to any code or text module. If added with a text module, you can also style your AGB with the module settings.

Elementor

The AGB shortcode can be added with the shortcode widget.

Other Page Builders

AGB will be compatible with all page builders that properly support the inclusion of a shortcode. Check the developers’ documentation for details.

Editing an AGB

All AGB configuration takes place on the front end using our user-friendly front-end editor. Once you add the shortcode, view the page while logged in as an Administrator and look for the blue cog icon on your page where the shortcode was inserted. Please note that this blue cog icon is only visible to users logged in as an Administrator, normal site visitors will not see this.

Look for the blue clog

When first added your grid will default to this basic view with posts as the content source. If there are no posts, the grid will be empty but the blue cog will still be there.

When first inserted, AGB defaults to show your posts. The grid will be empty if you have no posts, so it will not look the same as above.

Click on the blue cog to edit your AGB. Remember, this option is only available when you are logged in as an Administrator.