🔗 Embed Your Edition on Your Website: A Step-By-Step Guide
DCatalog makes it easy to showcase your digital editions directly on your website. Whether you want to embed specific editions or always show the latest one, or display your full virtual library, this guide walks you through each option.
There are several ways to embed your content depending on how you'd like it to appear and function on your website. Below is an overview of the three main embedding methods you can choose from:
📄 HTML Embed
Embed a specific edition or always show the most recent one, directly inside your website. This method uses an iframe and is the most straightforward way to display your catalog.
Selected Edition: You can choose a specific edition to embed.
Once selected, the catalog will display that exact edition on your website.
Latest Edition: This option automatically displays the most recent edition from your template.
You don't have to update the embed code manually whenever a new edition is published. Your website will always show the latest version, ensuring visitors see the most up-to-date content.
🔧 How to get your HTML Embed
Go to your Dashboard and locate the edition you want to embed.
Click on the Embed button under the Embed Column
Choose between:
Selected Edition – to embed that specific edition.
Latest Edition – to always show the most recent edition in your template.
Adjust the width and height as necessary, or use the recommended settings provided.
Copy the code provided.
Log in to your Content Management System (CMS) (e.g., WordPress).
Open the page where you'd like to embed the edition.
Paste the code into the HTML editor or use the "Custom HTML" block.
Save or publish your changes.
🛡️ HTML Masking
HTML Masking is similar to the Embed option, but with one main difference: instead of inserting the catalog as part of an existing HTML page, masking loads the catalog as a standalone page under your own domain.
Selected Edition: Embed a specific edition with the same functionality as HTML Embed.
Latest Edition: Automatically displays the latest edition in your DCatalog template without needing updates.
🔧 How to get your HTML Masking
In your Dashboard, locate the edition you want to embed.
Click on the Embed button under the Embed Column
Switch to the HTML Masking tab.
Choose between:
Selected Edition
Latest Edition
Copy or download the code.
Paste it into your CMS following the same steps as above.
📚 Library Embed
If your account includes a virtual library, this option lets you embed a browsable version of your full catalog collection right on your site.
🔧 How to get your Library Embed
Go to your Dashboard and locate any edition.
Click on the Embed button under the Embed Column
Switch to the Virtual Library tab.
Copy the code provided.
Log in to your Content Management System (CMS) (e.g., WordPress).
Open the page where you'd like to embed the library.
Paste the code into the HTML editor or use the "Custom HTML" block.
Related Articles
📚 How to Set the Display Order of Catalogs in the Virtual Library
DCatalog allows you to control the order in which your catalogs appear inside the virtual library. Whether you want to prioritize specific editions or create a custom sequence for different templates, this guide will show you how to manage the ...Why Can't I See My Catalog on My Website?
Why Can't I See My Catalog on My Website? If you're unable to see your catalog on your website after embedding it, the issue is likely related to the embedding process. DCatalog makes embedding your digital editions straightforward, without the need ...What is DCatalog’s Virtual Library?
DCatalog’s Virtual Library is an interactive digital library that allows readers to easily search and browse PDF content. This tool enables you to organize, group, and filter materials into categories, providing an optimized experience for users to ...Manage My Libraries
Enable and Arrange Your Virtual Library The Virtual Library technology gives your audience the ability to cross-search between issues and allows you to archive editions by year, decade, or any custom category you define. Setting up your virtual ...Library Embed Code
To mask your library domain, you will need to embed your virtual library code. You can find the option by clicking on the "Embed" tab within your virtual library: To do this, click the embed icon on the dashboard. Next, click the Virtual Library tab ...