How to embed WordPress shortcodes in your pages with Nimble Builder ?

A shortcode is a WordPress-specific code that lets you display predefined items. For example a trivial shortcode for a gallery looks like this : [gallery].

Nimble Builder supports shortcodes with the Shortcode module, but also with the WordPress Editor module. This is very useful for example to embed a contact form built with a plugin supporting shortcode insertion.

  1. Drag and drop the Shortcode module or the WordPress Editor module in any dropzone of your page,
  2. Click on the module to edit it,
  3. and paste your shortcode in the text editor.

Note that you can also embed shortcodes in the WP Editor Module.

Shortcode parsing

Nimble Builder deactivates shortcode parsing by default to prevent any conflicts when customizing. This is done for safety reasons because some shortcodes can include javascript code that could potentially generates conflict with Nimble Builder.

If you need to see the shortcode result immediately when customizing, you can re-activate shortcode parsing in Nimble Builder settings :

  1. Connect to your WordPress admin and open Nimble Builder settings
  2. Click on the Options tab
  3. Check the Shortcodes option

Nimble Builder : shortcode parsing

Exemple #1 with Contact Form 7

Simply paste the shortcode of your contact form as illustrated in the screenshot below.

Contact Form 7 with Nimble Builder

Exemple #2 with ACF

For example, if you use the Advanced Custom Fields plugin ( ACF ), and want to display specific fields in your page, you can use the ACF shortcode API in any Nimble section like in the example below :

ACF shortcodes with the Nimble Builder

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.