EmbedPress is the easiest embedding solution for WordPress, which enables you to instantly embed any content in your websites with a few clicks. Now, with the help of EmbedPress shortcodes, you can easily embed any content in all your favorite WordPress page builders – Beaver Builder, Divi, and many more.
Here’s how to embed any content into your WordPress site using EmbedPress shortcodes, following simple, easy steps.
How To Create EmbedPress Shortcodes? #
You can easily create EmbedPress shortcodes for free using the plugin dashboard and start embedding content on your preferred WordPress editors by following the steps below.
Step 1: Copy The Content URL #
To generate EmbedPress shortcodes, all you need is the URL of the content you want to embed in your site. For the tutorial purpose, we are generating a shortcode for embedding YouTube videos.
Step 2: Generate EmbedPress Shortcode #
Go to your EmbedPress plugin dashboard and click on the ‘Shortcode’ option, as shown below. From there, you can access the tools for generating custom shortcodes and embed in any WordPress editor.
Then paste the collected content URL in the input field and click on the ‘Generate’ button. EmbedPress will automatically generate a shortcode of the source content. Click on ‘Copy Link’ and you will be ready to embed it in any WordPress page builder.
Step 3: Embed With Shortcodes On WordPress Editors #
With the help of EmbedPress shortcodes, you can connect to and embed on any page builder. This tutorial will look at how to embed content in Beaver Builder using EmbedPress.
To add the shortcode using Beaver Builder, simply drag and drop the ‘Text Editor’ module onto your page. This will allow you to place the shortcode exactly where you want within your content, as shown below.
After that, copy and paste the URL’s EmbedPress shortcode into your text editor. The shortcode will instantly be transformed into the embed of your desired content.
Afterwards, publish the page. Once you publish your WordPress post or page, the content will instantly appear live, making it accessible for your visitors to view right away.
You can embed EmbedPress shortcodes in any of your preferred editors using similar steps.
EmbedPress Shortcode Attributes #
EmbedPress provides many attributes to customize your embedded content using the shortcodes. For example, if you want to embed a Youtube video on WordPress, you can generate the following code using EmbedPress:
[embedpress]https://www.youtube.com/watch?v=fvYKLkEnJbI[/embedpress]Then you can customize how content is displayed by adding various attributes to your EmbedPress shortcodes for better appearance and functionality.
Such as:
[embedpress width='600' height='400]https://www.youtube.com/watch?v=fvYKLkEnJbI[/embedpress]| Attribute | Description | Example Usage |
| theme_mode | Set the theme. Options: default, dark, light, custom. | theme_mode=’dark’ |
| custom_color | Sets a custom theme color when theme_mode is custom. | custom_color=’#333333’ |
| toolbar | Toggles the toolbar visibility. Options: true, false. | toolbar=’true’ |
| presentation | Toggles presentation mode. Options: true, false. | presentation=’false’ |
| toolbar_position | Set toolbar position. Options: top, bottom. | toolbar_position=’top’ |
| download | Enables or disables download. Options: true, false. | download=’false’ |
| copy_text | Enables or disables copying text option. Options: true, false. | copy_text=’true’ |
| doc_rotation | Enables or disables document rotation. Options: true, false. | doc_rotation=’true’ |
| doc_details | Displays or hides document details. Options: true, false. | doc_details=’false’ |
| height | Sets the embedded content’s height in pixels. | height=’400’ |
| width | Sets the embedded content’s width in pixels. | width=’600’ |
| viewer_style | Sets the viewer style. Options: modern, flip-book. (New) | viewer_style=’modern’ |
| draw | Enables or disables draw option (only for modern viewer). Options: true, false. (New) | draw=’true’ |
| zoom_in | Enables or disables zoom in option (only for flip-book). Options: true, false. (New) | zoom_in=’true’ |
| zoom_out | Enables or disables zoom out option (only for flip-book). Options: true, false. (New) | zoom_out=’true’ |
| fit_view | Enables or disables fit to view option (only for flip-book). Options: true, false. (New) | fit_view=’true’ |
| bookmark | Enables or disables bookmark option (only for flip-book). Options: true, false. (New) | bookmark=’true’ |
Shortcode Attribute Compatibility #
Below are the available attributes for classic editor shortcodes and PDF shortcodes. Use these to customize how your embedded content looks and functions. Check the list to find the right attributes for your embed type.
Classic Editor Shortcodes (All Embedding Sources) #
The following attributes are available for all classic editor shortcodes when embedding any supported content source:
| Attribute | Description |
| width=’600′ | Set the width of the embedded content. |
| height=’400′ | Set the height of the embedded content. |
These attributes allow you to set the width and height of the embedded content directly, ensuring optimal display across different devices and layouts.
PDF Shortcodes (EmbedPress PDF Embedding) #
When embedding PDF files using EmbedPress PDF shortcodes, the following attributes are supported for customization:
| Attribute | Description |
| viewer_style=’modern/flip-book’ | Set the viewer style (New feature). |
| theme_mode=’default/dark/light/custom’ | Set the theme for the viewer. |
| custom_color=’#333333′ | Set custom color (only if theme_mode=’custom’). |
| toolbar=’true/false’ | Show or hide the toolbar. |
| presentation=’true/false’ | Enable or disable presentation mode. |
| toolbar_position=’top/bottom’ | Set the position of the toolbar. |
| download=’true/false’ | Allow or restrict downloading the PDF. |
| copy_text=’true/false’ | Allow or restrict copying text. |
| draw=’true/false’ | Enable or disable drawing (only for modern viewer). |
Attributes Only for modern Viewer #
These attributes are available exclusively when using the modern viewer style:
| Attribute | Description |
| doc_rotation=’true/false’ | Allow or restrict document rotation. |
| doc_details=’true/false’ | Show or hide document details. |
Attributes Only for flip-book Viewer #
These attributes are available exclusively when using the flip-book viewer style:
| Attribute | Description |
| zoom_in=’true/false’ | Enable or disable zoom-in option. |
| zoom_out=’true/false’ | Enable or disable zoom-out option. |
| fit_view=’true/false’ | Fit the content to the view. |
| bookmark=’true/false’ | Enable or disable bookmarking functionality. |
EmbedPress PDF Shortcode Attribute Example #
To embed a PDF using EmbedPress, you can use the following shortcode example with customizable attributes as well:
[embedpress_pdf width='600' height='400' theme_mode='default' toolbar='true' presentation='true' toolbar_position='top' download='true' copy_text='true' doc_rotation='true' doc_details='true']your pdf link[/embedpress_pdf]If you face any problems and need further assistance, contact our Support Team or join our Facebook Community to connect with content creators and WordPress experts like yourself.
