Skip to content
themeforge
EN
Start free
Menu
  1. Home
  2. Attribute reference
  3. wp-shortcode
Core Forms and plugins

A plugin form or widget right in your markup

wp-shortcode="[shortcode]"

Many WordPress plugins show themselves through a shortcode: a booking form, a calendar, a slider. wp-shortcode puts such a block in the right place of your design, and the client sets it up in the plugin itself.

Where it goes

On the block where the widget should appear. The block’s content is replaced with the shortcode’s output.

The value is the whole shortcode, with brackets and parameters. In Webflow you type it as is; in hand-written HTML the quotes inside are written as ".

Example: a booking form

Markup contacts.html
<div class="booking" wp-shortcode="[contact-form-7 id=&quot;42&quot; title=&quot;Booking&quot;]">
  <p>The booking form appears here</p>
</div>
In the admin Contact → Contact Forms
Contact → Contact Forms
  • Booking — [contact-form-7 id="42" title="Booking"]
On the site contacts page

Your name

Date and time

Book a table

The client changes the form’s fields and emails in the plugin; the markup stays as is.

What matters

  • The plugin has to be installed and active; without it the shortcode’s text stays in place of the block.
  • ThemeForge’s own forms need no shortcode: a marked-up form works by itself.

Common mistakes

The build log is the “Logs” tab of your project on themeforge.pro; the free markup check shows the same notes.

Not like this
<div class="booking" wp-shortcode="contact-form-7 id=42">…</div>

A shortcode without square brackets: the site shows plain text. The log stays silent.

Like this
<div class="booking" wp-shortcode="[contact-form-7 id=42]">…</div>

The value with brackets, as the plugin gives it.

Alternative spelling

wp_shortcode works the same: the build gives an identical theme.

Ready when you are

See your site’s WordPress admin before you pay.