Edit Bouncer's text

By default, the Bouncer age verification pop-up displays with two buttons (one that says Enter, and the another that says Exit), and a month, day, and year drop down menus. If you have selected to verify with Facebook, it will also display a Facebook verification button.

Follow the steps below to change the text of the buttons and month names.

Edit your store's code

Starting from your Shopify admin dashboard, click on Online Store, then click on Themes.
Find the theme you want to edit, click the Actions button, then click Edit code.

Add the snippet to your theme

On the left side, under the Layout heading, click on the theme.liquid file.
Copy the following code snippet.

<script>
  window.Shoppad = window.Shoppad || {},
  window.Shoppad.apps = window.Shoppad.apps || {},
  window.Shoppad.apps.bouncer = {
    strings: {          
      exit: 'XXXXX', //replace XXXX with your translation. Do not remove the quotes.
      enter: 'XXXXX',
      facebook: 'XXXXX',
      months: [
        'January',
        'February',
        'March',
        'April',
        'May',
        'June',
        'July',
        'August',
        'September',
        'October',
        'November',
        'December'
      ]
    }
  };
</script>

Paste it directly after the <head> tag.

4. Replace the text within the quotes (XXXXX) with your desired messaging (don't remove the quotes!).

5. Translate the months to your desired language.

6. Save your changes.

PreviousCustomize Bouncer NextAdd a background image behind the popup

Last updated 4 months ago

hashtagEdit your store's code

hashtagAdd the snippet to your theme

Edit your store's code

Add the snippet to your theme