> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://revoq.crisp.help/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# 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](https://revoq.crisp.help/en/article/activate-the-floating-button-rflssz/) instead, or see [Embedding in Vintage Themes](https://revoq.crisp.help/en/article/embedding-in-vintage-themes-1ikcolc/).

---

# 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**.

![](https://storage.crisp.chat/users/helpdesk/website/-/9/d/0/a/9d0aebb43b89f800/bildschirmfoto-2026-05-22-um-1_er2upr.png)

| 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.

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

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

![](https://storage.crisp.chat/users/helpdesk/website/-/9/d/0/a/9d0aebb43b89f800/bildschirmfoto-2026-05-22-um-1_7dggpe.png)


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

![](https://storage.crisp.chat/users/helpdesk/website/-/9/d/0/a/9d0aebb43b89f800/bildschirmfoto-2026-05-22-um-1_lmhzxa.png)


---

# 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](https://revoq.crisp.help/en/article/go-live-checklist-are-you-ready-for-june-19-2026-1ppy570/).

---

# 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](mailto:hello@buschbytes.com) 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**.

### My theme doesn't have an "Add block" option in 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

* Customize the [button label and design](#) to match your shop
* Go through the [Go-Live Checklist](https://revoq.crisp.help/en/article/go-live-checklist-are-you-ready-for-june-19-2026-1ppy570/) to verify compliance requirements
* Set up a [custom sender domain for confirmation emails](#) (Professional plan)