How to add a shortcode in a WordPress website using Elementor

There are two ways to add a shortcode in a WordPress website using Elementor:

1. Using the Text Editor Widget

1. Go to the page or post that you want to add the shortcode to.
2. Click the “Edit with Elementor” button.
3. In the Elementor editor, click the “Text” widget.
4. In the text editor, type the shortcode.
5. Click the “Update” button.

2. Using the Shortcode Widget

1. Go to the page or post that you want to add the shortcode to.
2. Click the “Edit with Elementor” button.
3. In the Elementor editor, drag and drop the “Shortcode” widget onto the page.
4. In the “Shortcode” widget, type the shortcode.
5. Click the “Update” button.

Which method should you use?

The best method to use depends on your needs. If you want to be able to see the shortcode’s output as you type it, then you should use the “Shortcode” widget. If you don’t need to see the output as you type, then you can use the “Text” widget.

Here are some additional tips for adding shortcodes in Elementor:

• You can use the “Shortcode” widget to add any shortcode that is supported by WordPress.
• You can style the shortcode using the “Custom CSS” option in the “Advanced” tab of the “Shortcode” widget.
• You can add multiple shortcodes to the same page or post.
• You can use the “Shortcode” widget to add shortcodes to sections and columns.

How to add a shortcode in a WordPress website using Gutenburg editor

To add a shortcode in a WordPress website using Gutenberg editor, follow these steps:

1. Go to the WordPress dashboard and click on the “Posts” or “Pages” tab.
2. Click on the “Add New” button to create a new post or page.
3. In the editor, click on the “+” icon to add a new block.
4. Search for “shortcode” and select the “Shortcode” block.
5. In the block settings, enter the shortcode that you want to use.
6. Click on the “Publish” button to save your changes.

The shortcode will be displayed in the editor. You can preview the shortcode by clicking on the “Preview” button.

Here are some examples of shortcodes that you can use:

• – This shortcode displays a gallery of images.
• – This shortcode embeds a video or audio player.

• Error: Contact form not found.

  – This shortcode displays a contact form.

You can find a list of all the available shortcodes in the WordPress documentation.

Here are some additional tips for using shortcodes:

• Shortcodes can be used in both posts and pages.
• You can use multiple shortcodes in the same editor.
• You can use shortcodes in widgets.
• You can use shortcodes in custom fields.

I hope this helps! Let me know if you have any other questions.

e