Using Permalinks to Add Images to HTML

Design X · Advanced & Integrations

Use custom tools and integrations without losing the native Design X workflow.

Admin pathMEDIA LIBRARY / DESIGNS / ACCOUNT

ScopeAdvanced

ViewVaries

Creating pages in HTML using permalinks and adding images involves a few key steps. Here's a simplified guide:

Step 1: Selecting an Image from the Media Library

1. Access Your Media Library: Go into your MEDIA LIBRARY and double click on the image you want to use for your HTML page.

2. Choose the Desired Image: Double-click on the image you want to use. This action opens a details view where you can see the image's URL (permalink).

Step 2: Inserting Images in HTML

1. Basic Image Insertion: Use the <img> tag to add the chosen image. Replace path/to/your/image.jpg with the actual path or permalink of your image.

Insert Images: To add images, use the <img> tag. 

<img src="path/to/your/image.jpg" alt="Description of the image">

Adjust Width and Height:

<img src="path/to/your/image.jpg" style="width:200px; height auto;" alt="Description of the image">

Images with offsite links example:

<a target="blank_" href="https://www.example.com/destination">`
<img src="permalink.jpg<-- permalink" alt="Description of the image">
</a>