image with button icon- make clickable

Topic summary

A user is attempting to make a button within an image clickable on their Shopify store.

The button functions when the .webp file is opened directly in a browser, but loses interactivity when uploaded to Shopify as a standard image.

Response provided:

  • Images cannot have clickable elements added through external events, as this would conflict with Shopify’s code structure
  • Recommended solution: Use the theme’s built-in sections instead, which are optimized for adding interactive buttons

Status: The issue appears to be a fundamental limitation of using static images for interactive elements. The discussion suggests using native Shopify theme features rather than attempting to embed functionality within image files.

Summarized with AI on November 2. AI used: claude-sonnet-4-5-20250929.

Hi! zeusservices.org

Is there a way to make the following button in this image clickable?

When I download it as .webp it opens in the browser and the button is clickable but when uploading to Shopify it just becomes a regular image:

Hi ZeusTeck

Regarding your issue, it is an image. You cannot add an external event because it would interfere with the store’s code logic. You should use the available sections of the theme, as these are optimized functions that are best suited for the store.

Best,
Esther