Level 1 builder guide
Link an artist image in Plain HTML.
Keep the image and page you already designed. Add one stable artist destination with the normal link control in Plain HTML.
Before you start
Create and copy the artist destination, then return here. One ordinary image can open one destination. For a poster with several artists, keep the poster as it is and add separate artist images below it. Clickable regions inside one poster are still a concept preview.
Place the image inside an anchor element. Keep your existing image source, dimensions, and alternative text.
Add the link
- 1
Find the existing image element
Open the page template and locate the image that represents the artist, couple, or team.
- 2
Wrap the image in a link
Place an opening anchor before the image and a closing anchor after it. Use the stable Abrazo artist destination as the href value.
- 3
Keep the image responsive
Keep your existing responsive styles. If the image has no sizing rule, max-width: 100% and height: auto prevent it from overflowing on a narrow screen.
- 4
Deploy the page
Publish the updated file through your normal hosting workflow, then test the public page.
<a href="PASTE_THE_ARTIST_DESTINATION_HERE">
<img
src="YOUR_EXISTING_IMAGE_URL"
alt="View ARTIST_NAME on Abrazo"
style="max-width: 100%; height: auto;"
/>
</a>Test the published page on mobile
- 1Publish the change, then open the published page on a real phone. Builder preview modes can behave differently from the live site.
- 2Tap the image once. Confirm that the intended Abrazo artist page opens and that the browser Back button returns to the same place on your event page.
- 3Repeat the test in a narrow portrait view. Make sure the image still fits the page and the tap does not open a lightbox or a media file instead.
Remove the link without removing the image
- 1.Remove only the opening and closing anchor elements around the image.
- 2.Keep the image element unchanged, deploy the page again, and confirm that the image no longer opens another page.