How to add a TWINT button to your website or email newsletter

This article explains how to add a TWINT button to your website or email newsletter using RaiseNow Hub.

Overview

A TWINT button is automatically generated for every eligible Touchpoint Solution. The button links supporters directly to your payment or donation form and can be embedded on websites, landing pages, and email newsletters.

You can customise the button's appearance and language before generating the code.

Key points

• TWINT buttons are generated automatically
• Buttons can be used on websites and in email newsletters
• Different styles and languages are available
• Changes in RaiseNow Hub require a new code snippet
• The payment form always opens in the supporter’s preferred browser language

Here you can find a detailed video tutorial:

Access the TWINT button

1. Log in to RaiseNow Hub.
2. Go to Touchpoint Solutions.
3. Open the relevant Touchpoint Solution.
4. Click Details.
5. Open the Promote section.
6. Navigate to TWINT button for your website or emails.

From there, you can configure and generate the button code.

Add the TWINT button to a website

Generate the code

1. Select the preferred button style.
2. Select the button language.
3. Copy the generated code by:
   • Clicking the copy icon in the code panel, or
   • Clicking anywhere inside the code block.

Add the code to your website

1. Open the HTML editor of your website.
2. Navigate to the page where you want the button to appear.
3. Paste the copied code into the HTML source.
4. Save your changes.
5. Publish the page.

Test the button

After publishing:

1. Open the page in your browser.
2. Verify that the button appears correctly.
3. Click the button.
4. Confirm that it opens the correct Touchpoint Solution.
5. Complete a test payment or donation.

Add the TWINT button to an email newsletter

Generate the email version

1. In the button configuration area, select the HTML Email tab.
2. Copy the generated HTML code.

Add the button to your newsletter

1. Open your email or newsletter editor.
2. Switch to the HTML source view.
3. Paste the copied code where the button should appear.
4. Save the template.
5. Send a test email.

Test the button

Before sending your campaign:

1. Open the test email.
2. Verify the button layout.
3. Click the button.
4. Confirm that it links to the correct Touchpoint Solution.

Important notes

Button updates

Changes made to the button configuration in RaiseNow Hub are not applied automatically to websites or email templates.

Each change generates a new code snippet.

If you update:

• The button style
• The button language
• Other button settings

you must copy the new code and replace the existing code on your website or in your newsletter template.

Language behaviour

The language selector only affects the text displayed on the button itself.

The linked payment or donation form always opens in the language preferred by the supporter’s browser.