Drawings on your Webflow site

• ENTD button in a container. An empty element with data-entd-drawing gets the branded ENTD button inside it.
• Your own button. Add data-entd-drawing to your own <a> or <button> — the drawing opens when it’s clicked, your design stays as is.
• Just a link. Set the link of any button in the builder to #entd-draw-YOUR_DRAWING_ID. No HTML block needed — handy where you can only change a button’s URL.

Add a plain text field “ENTD Drawing ID” to the collection and bind the custom attribute value to it (or insert the field into a Code Embed). Every collection item then opens its own drawing from one template.

Add these attributes to the container to change the look of the ENTD button:

• data-entd-theme — light, dark or auto
• data-entd-size — small, medium or large
• data-entd-shape — rectangular or pill
• data-entd-text — enter_draw, join_giveaway, participate, try_your_luck or any text of your own
• data-entd-full-width="true", data-entd-logo="false"

<div data-entd-drawing="YOUR_DRAWING_ID"
     data-entd-theme="dark"
     data-entd-shape="pill"
     data-entd-text="Join the giveaway"></div>

Most sites built with a website builder have no customer accounts. That’s fine: each visitor gets an anonymous ID stored in their browser, and entries are still checked for duplicates and bots before the draw. If your site does have accounts, pass the visitor’s ID so entries are tied to your customers:

<script>
  // Optional: the ID of the logged-in visitor, if your site has accounts
  window.ENTDEmbedConfig = { userId: 'CUSTOMER_ID' }
</script>