Hide the option to add tax and business information at checkout
Use a parameter or HTML data attribute when working with Paddle.js to hide the option to add tax and business information at checkout.
What's new?
We added a new parameter to the Paddle.Checkout.open()
method and Paddle.Initialize()
methods that you can use to hide the option to add a tax number at checkout when working with Paddle.js:
Set general checkout settings.
Whether the option to add a tax number is displayed at checkout. Defaults to true
.
We also added a corresponding HTML data attribute:
Whether the option to add a tax number is displayed at checkout. Defaults to true
.
How it works
Paddle Checkout includes an "Add Tax Number" option to let customers enter a tax number. When clicked, Checkout prompts customer to enter their tax number, information about their business, and full address. If you don't work with businesses, you might like to hide this option.
The new showAddTaxId
settings parameter and data-show-tax-id
HTML data attribute lets you hide the option to add tax number and business information at checkout.
You can pass settings for opened checkouts using either Paddle.Checkout.open()
or Paddle.Initialize()
. Settings passed to Paddle.Initialize()
are default settings, applied to all checkouts opened on a page.
This change removes the option for customers to apply a tax number and business information themselves, but you can still prefill business information when opening a checkout.
Examples
This example includes the settings
object as part of the checkout open method. showAddTaxId
is set to false
, meaning the option to "Add tax number" is hidden for the opened checkout.
The settings passed here only apply to the opened checkout.
12345678910111213141516171819201var itemsList = [
2 {
3 priceId: 'pri_01gm81eqze2vmmvhpjg13bfeqg',
4 quantity: 1
5 },
6 {
7 priceId: 'pri_01gm82kny0ad1tk358gxmsq87m',
8 quantity: 1
9 }
10];
11
12Paddle.Checkout.open({
13 settings: {
14 displayMode: "overlay",
15 theme: "light",
16 locale: "en",
17 showAddTaxId: "false"
18 },
19 items: itemsList,
20});
This example sets default checkout settings for all checkouts opened on a page. showAddTaxId
is set to false
, meaning the option to "Add tax number" is hidden for all opened checkouts on the page.
12345678910111Paddle.Initialize({
2 token: 'live_7d279f61a3499fed520f7cd8c08',
3 checkout: {
4 settings: {
5 displayMode: "overlay",
6 theme: "light",
7 locale: "en",
8 showAddTaxId: "false"
9 }
10 }
11});
This example shows hiding the option to add a tax number passed as an HTML data attribute against a Paddle Checkout element.
It includes checkout settings and items.
12345678910111213141516171819201<a href='#'
2 class='paddle_button'
3 data-display-mode='overlay'
4 data-theme='light'
5 data-locale='en'
6 data-allow-logout='false'
7 data-items='[
8 {
9 "priceId": "pri_01gm81eqze2vmmvhpjg13bfeqg",
10 "quantity": 1
11 },
12 {
13 "priceId": "pri_01gm82kny0ad1tk358gxmsq87m",
14 "quantity": 1
15 }
16 ]'
17 data-show-add-tax-id='false'
18>
19 Buy now
20</a>
Next steps
This change is live in Paddle.js now, so you can start using showAddTaxId
or data-show-add-tax-id
when you're ready.
You don't need to do anything to get the latest version of Paddle.js — we serve the latest version automatically.