{"id":95618,"date":"2022-05-02T10:49:18","date_gmt":"2022-05-02T14:49:18","guid":{"rendered":"https:\/\/www.inmotionhosting.com\/support\/?p=95618"},"modified":"2022-07-22T16:25:22","modified_gmt":"2022-07-22T20:25:22","slug":"shortcodes","status":"publish","type":"post","link":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/blocks\/shortcodes\/","title":{"rendered":"How To Use a Shortcode In The WordPress Block Editor"},"content":{"rendered":"
\"Creating<\/figure>\n\n\n\n

The WordPress block editor lets you create rich content without having to know how to code. However, rich content is also static, but you can add dynamic elements to it using shortcodes. You can add shortcodes to the editor to introduce new functionality and dynamic content. In this article, we will show you how to use a shortcode in the WordPress block editor. We will also give you some tips on using shortcodes in your content.<\/p>\n\n\n\n

For the examples below, we will use the Contact Form 7 plugin, which uses shortcode functionality to embed contact forms on page content.<\/p>\n\n\n\n

How To Create a Shortcode Block<\/h2>\n\n\n\n

To create a shortcode block, just follow these steps:<\/p>\n\n\n\n

  1. Log into your WordPress dashboard<\/a><\/li>
  2. Edit a post, page, or create new content<\/li>
  3. Use the +<\/strong> sign to create a new block
    \"Plus<\/li>
  4. Select Shortcode<\/strong> as the block<\/li><\/ol>\n\n\n\n

    Now you have a shortcode block. From here, you can paste your shortcode content right into the box, and save your post or page. <\/p>\n\n\n\n

    \"A<\/figure><\/div>\n\n\n\n

    When you reload the page content, the shortcode will render as expected.<\/p>\n\n\n\n

    Create Shortcode Via Paste<\/h2>\n\n\n\n

    Creating a shortcode block can be even easier. If you have your shortcode already copied to your clipboard, you can also paste it into a blank space in your post or page. This will automatically create the shortcode block.<\/p>\n\n\n\n

    \"Where<\/figure>\n\n\n\n

    WordPress will detect that you have just pasted a shortcode. For example, to use the contact form shortcode as an example, as soon as you paste the code the form will appear automatically:<\/p>\n\n\n\n

    \"Shortcode<\/figure><\/div>\n\n\n\n

    Learn More About Creating Shortcode<\/h2>\n\n\n\n

    If you were wondering how you can create your own shortcode, then your best possible resource is the actual documentation from WordPress. The Shortcode API<\/a> breaks down and shows you how to write your own shortcode.<\/p>\n\n\n\n

    There are also pages that you can use to generate your own shortcode that is created by third parties. These include:<\/p>\n\n\n\n