👨‍💻How to Embed an elink to your WordPress site

Learn how to quickly embed an elink to your WordPress website to create content.

Elink makes it easy to embed your elink on your WordPress Website or Blog with a couple of clicks. Use either iFrame code or Javascript.


PART 1: Getting the Embed Code from elink.io

Click on the Posts tab on elink's platform.



Important elink note: Make sure you elink is published before you go on to embed it on your WordPress site.

Click on the Embed icon (</>) next to the elink you want to embed.



You can now copy the Javascript code (recommended) or the iframe code from the pop-up that appears.




PART 2: Adding an elink Javascript to Your WordPress Site [RECOMMENDED]

Open up your WordPress and open up a page or post that you wish you to embed your elink on and click on the Plus Button - Add Block Icon.



Search for the custom HTML block.



An HTML block will appear. Copy and paste the Javascript Code in the text box.



Click preview and you'll see your elink appear on your website/blog without a scroll bar!!



PRO TIP: You can update your embedded elink in real-time with your Chrome Extension. You can also go to elink's dashboard and add content, update pictures, make textual edits, etc.

--

PART 3: Adding an elink iFrame to Your WordPress Site

Open up your WordPress and open up a page or post that you wish you to embed your elink on and click on the Plus Button - Add Block Icon.



Search for the custom HTML block.



An HTML block will appear. Copy and paste the iFrame Code in the text box.



IMPORTANT TIP: You can adjust the height and width of the iframe embed code to make your elink larger and remove the scroll bar.

WIDTH: You can adjust it by a numerical value (pixels) or you can adjust it to 100% if you'd like it to always be a 100% width of any screen it's being displayed on.

HEIGHT: You can adjust it up or down by a numerical value (pixels).

EXAMPLE: (After adjustment): <iframe width="100%" height="1500" src="https://elink.io/embed/935ad" frameborder="0" allowfullscreen></iframe>



Click preview and you'll see your elink appear on your website/blog without a scroll bar!!



PRO TIP: You can update your embedded elink in real-time with your Chrome Extension. You can also go to elink's dashboard and add content, update pictures, make textual edits, etc.


🎙 If you have any questions or suggestions, please message us on our in-app chat or email us at info@elink.io.
Was this article helpful?
Cancel
Thank you!