Articles on: Getting Started

Embed the Button in a Theme Section

"Button in a section" is the most flexible embedding option: You add a button at any location in your theme – typically in the footer. On click, the withdrawal form opens as a popup. This article shows you how to set it up manually.


Just getting started with Revoq? Use the guided "Set up Revoq" assistant in the app settings. It walks you through the setup in 2 steps.


This article covers the manual approach – relevant if:


  • the setup assistant for "Button in a section" has already been completed
  • you've switched themes and need to re-embed Revoq
  • you want to add the button at an additional location
  • you're setting up a second storefront



How it works


You add an app block called Revoq Withdrawal Button at any location in your theme. On click, the withdrawal form opens as a popup over the current page – customers don't navigate to a different page.


This option requires your theme to support app blocks (all modern "Online Store 2.0" themes do). It does not work with vintage themes – use the Floating Button instead, or see Embedding in Vintage Themes.



Step 1 · Open the theme editor


  1. In your Shopify admin, go to Online Store → Themes.
  2. On your currently active theme, click Customize.


Tip: If you want to test the button without customers seeing it right away, duplicate your theme first and work on the duplicate. Publish it only after a successful test.



Step 2 · Choose the section where the button should appear


The most common and recommended location is the footer, because it appears on every page of your shop and therefore meets the "permanently available" requirement of EU Directive 2023/2673.


In theory, you can add the button to any section that accepts app blocks.


  1. In the left panel of the theme editor, you'll see your theme structure with the Header, Template, and Footer sections.
  2. Click the section where the button should appear – e.g. Footer.
  3. Within the section, click Add block.



Important: Make sure you click "Add block" within an existing section – not "Add section". The Revoq Withdrawal Button is a block that gets inserted into an existing section (like your footer).



Step 3 · Select the Revoq button block


  1. In the picker that opens, switch to the Apps tab.
  2. Search for Revoq Withdrawal Button and click it.


Important: There are several Revoq app blocks. For this option, select Revoq Withdrawal Button (with the subtitle "Revoq – EU Withdrawal Button"). Don't confuse it with Revoq Withdrawal Form, which is meant for embedding on a dedicated page.


  1. The button is automatically inserted into your section. You'll see the result immediately in the preview on the right.
  2. Click Save in the top right.


Here's what the button looks like in the live shop:




And here's how the form opens as a popup after the click:





Step 4 · Adjust the button's position within the section


After inserting, the block sits at the top or bottom of the section – depending on where Shopify places it. You can change the position via drag-and-drop:


  1. In the left panel, click the Revoq Withdrawal Button block.
  2. Drag it to the desired position within the section.
  3. Save.


Tip: In the footer, a position at the top or center is often better than the very bottom. That way the button stands out more next to other footer links like imprint and terms.



Step 5 · Functional check


After embedding, always test the complete flow once:


  1. Open your shop in an incognito window.
  2. Scroll to the footer and click the withdrawal button.
  3. The form should open as a popup.
  4. Submit a test withdrawal using your own email address.
  5. Verify that you receive the confirmation email.


Everything working? Then your embedding is live.


More on the complete functional check in the Go-Live Checklist.



Common Issues


The button doesn't appear in the theme


  • Did you click Save in the top right of the theme editor?
  • Did you actually insert the Revoq Withdrawal Button block (not the Revoq Withdrawal Form block)?
  • Is the block placed in a section that's visible on all pages (e.g. footer)? If you placed the block in a section that only appears on the home page, customers will only see the button there.


The popup doesn't open on click


  • Clear your browser cache or test in incognito mode
  • Check whether other apps in your theme might cause conflicts (especially other popup or modal apps)
  • If you see JavaScript errors in the browser console: reach out to us briefly and we'll take a look together


The button only appears on one page


You've placed the block in a section that's only active in a specific template (e.g. only "Home page"). Solution: Move the block to a section that appears in all templates – ideally the footer.



Then your theme likely uses vintage theme architecture and doesn't support app blocks. In that case, this embedding option isn't available. Recommended alternatives: Activate the Floating Button or Embedding in Vintage Themes.



Next steps


Updated on: 22/05/2026

Was this article helpful?

Share your feedback

Cancel

Thank you!