How to Embed an elink to Your WordPress Website (Gutenberg Editor)

If you're looking to create a beautiful collection of weblinks on WordPress's website there's a lot of customization you have to do. elink makes it easy to create collections around videos, articles resources, cloud files, podcasts, news and more in just minutes!

1️⃣ PART 1: Getting the Embed Code from elink.io

Click on the 'Posts' tab on elink's platform.



Important Note: Make sure your elink is published before you go on to embed it on your Website.

Click on the 'Share' icon next to the elink post you want to embed.



Next, click on 'Embed.'



Now you can copy the 'Recommended Embed code.'

2️⃣ PART 2: Adding an elink Embed Code 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 embed code in the text box.




Click preview and you'll see your elink appear on your website/blog!




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

Here are just some of the website builders you can add elink content to:

You can embed published elinks on your website or blog by simply adding your Javascript code (recommended) or the iFrame code. Here are some of the places you can embed your elinks:
WordPress - Classic
WordPress - Gutenberg Editor
WordPress - VIsual Composer
Wix
Squarespace
Google Sites
GoDaddy
Weebly
Any website or website builder that allows embedding of content.


🎙 If you have any questions or suggestions, please message us on our in-app chat or email us at info@elink.io.

Updated on: 11/26/2020