Related help

Getting Started

Adding a shortcode

You can insert a Dyggrid anywhere in WordPress that shortcodes are supported.

Standard WordPress

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

[dyggrid id='any-name']

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

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


Getting Started

Back end view

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

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 dyggrid shortcode can be added to any code or text module.  If added with a text module you can also style your Dyggrid with the module settings.


The Dyggrid shortcode can be added with the shortcode widget.

Other page builders

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

Editing a Dyggrid

All Dyggrid configuration takes place on the front end using our super easy front end editor.  Once you add the shortcode, view the page and look for the blue cog icon on your page where the shortcode was inserted.


Getting Started

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, Dyggrid defaults to show your posts.  The grid will be empty if you have no posts, so will not look the same as above.

Click on the blue cog to edit your Dyggrid.