{"id":44121,"date":"2026-05-23T16:20:52","date_gmt":"2026-05-23T16:20:52","guid":{"rendered":"https:\/\/getshortcodes.com\/?post_type=docs&p=44121"},"modified":"2026-05-23T16:21:38","modified_gmt":"2026-05-23T16:21:38","slug":"how-to-use-shortcodes-in-wordpress","status":"publish","type":"docs","link":"https:\/\/getshortcodes.com\/docs\/how-to-use-shortcodes-in-wordpress\/","title":{"rendered":"How to Use Shortcodes in WordPress"},"content":{"rendered":"\n

Add shortcodes to WordPress pages, posts, widgets, theme files and the Block Editor \u2014 manually or with Shortcodes Ultimate<\/strong>.<\/p>\n\n\n\n

WordPress shortcodes are small pieces of code wrapped in square brackets, such as <\/code> or <\/span><\/a><\/code>. They let you insert dynamic content, buttons, tabs, accordions, galleries, videos, boxes and other content elements without writing full HTML, CSS or PHP.<\/p>\n\n\n\n

With Shortcodes Ultimate<\/strong>, you can generate and insert ready-made shortcodes visually, preview them before publishing, and use them in the Block Editor, Classic Editor, widgets and theme template files.<\/p>\n\n\n\n

Install Shortcodes Ultimate for Free<\/a><\/strong><\/p>\n\n\n\n

\n\n\n\n

Quick Answer: How Do You Use a Shortcode in WordPress?<\/h2>\n\n\n\n

To use a shortcode in WordPress, copy the shortcode provided by WordPress, your theme, or a plugin, then paste it into a place where WordPress processes shortcodes.<\/p>\n\n\n\n

Where you want to add it<\/th>Best method<\/th><\/tr><\/thead>
Page or post in the Block Editor<\/td>Add a Shortcode<\/strong> block and paste the shortcode<\/td><\/tr>
Classic Editor<\/td>Paste the shortcode directly into the content<\/td><\/tr>
Widget area or sidebar<\/td>Add a Shortcode<\/strong> block or compatible widget<\/td><\/tr>
Theme file<\/td>Use do_shortcode()<\/code> in PHP<\/td><\/tr>
Page builder<\/td>Use a shortcode widget or module if your builder supports it<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n

Example:<\/p>\n\n\n\n

[su_button url=\"https:\/\/example.com\"]Download Now[\/su_button]<\/code><\/pre>\n\n\n\n
When the page is viewed on the front end, WordPress replaces the shortcode with the actual button, gallery, tab, accordion or other content element.<\/p>\n\n\n\n
Get 50+ Ready-Made Shortcodes<\/a><\/strong><\/p>\n\n\n\n
\n\n\n\n
What Is a WordPress Shortcode?<\/h2>\n\n\n\n
A WordPress shortcode is a shortcut that tells WordPress to output something more complex than plain text. Instead of writing full code, you place a small tag inside square brackets.<\/p>\n\n\n\n
For example:<\/p>\n\n\n\n
[gallery ids=\"12,34,56\"]<\/code><\/pre>\n\n\n\n
A shortcode can also include attributes:<\/p>\n\n\n\n
[su_button url=\"https:\/\/example.com\" target=\"blank\" style=\"flat\"]Visit Website[\/su_button]<\/code><\/pre>\n\n\n\n
In this example:<\/p>\n\n\n\n