Skip to content

Commit 3efee1d

Browse files
author
Jeff Harrell
committed
Adding async attrib into script tags
1 parent 44884cb commit 3efee1d

2 files changed

Lines changed: 30 additions & 30 deletions

File tree

‎README.md‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@ We have a few flavors of buttons for you to use:
1111
Perfect for use with Express Checkout or other API-based solutions
1212

1313
```html
14-
<script src="paypal-button.min.js?merchant=YOUR_MERCHANT_ID"
14+
<script async src="paypal-button.min.js?merchant=YOUR_MERCHANT_ID"
1515
data-button="buynow"
1616
></script>
1717
```
@@ -29,7 +29,7 @@ Buttons that create a PayPal button and HTML checkout form for you.
2929
Buy Now buttons are for single item purchases.
3030

3131
```html
32-
<script src="paypal-button.min.js?merchant=YOUR_MERCHANT_ID"
32+
<script async src="paypal-button.min.js?merchant=YOUR_MERCHANT_ID"
3333
data-button="buynow"
3434
data-type="form"
3535
data-name="My product"
@@ -44,7 +44,7 @@ Add `data-hosted_button_id` to your script along with your button ID for hosted
4444
Add To Cart buttons let users add multiple items to their PayPal cart.
4545

4646
```html
47-
<script src="paypal-button.min.js?merchant=YOUR_MERCHANT_ID"
47+
<script async src="paypal-button.min.js?merchant=YOUR_MERCHANT_ID"
4848
data-button="cart"
4949
data-type="form"
5050
data-name="Product in your cart"
@@ -56,7 +56,7 @@ Add To Cart buttons let users add multiple items to their PayPal cart.
5656
QR codes can be easily scanned with a smart phone to check out.
5757

5858
```html
59-
<script src="paypal-button.min.js?merchant=YOUR_MERCHANT_ID"
59+
<script async src="paypal-button.min.js?merchant=YOUR_MERCHANT_ID"
6060
data-button="buynow"
6161
data-type="qr"
6262
data-name="Product via QR code"
@@ -68,7 +68,7 @@ QR codes can be easily scanned with a smart phone to check out.
6868
Donation buttons let you accept donations from your users.
6969

7070
```html
71-
<script src="paypal-button.min.js?merchant=YOUR_MERCHANT_ID"
71+
<script async src="paypal-button.min.js?merchant=YOUR_MERCHANT_ID"
7272
data-button="donate"
7373
data-type="form"
7474
data-name="My donation"
@@ -80,7 +80,7 @@ Donation buttons let you accept donations from your users.
8080
Subscribe buttons let you set up payment subscriptions.
8181

8282
```html
83-
<script src="paypal-button.min.js?merchant=YOUR_MERCHANT_ID"
83+
<script async src="paypal-button.min.js?merchant=YOUR_MERCHANT_ID"
8484
data-button="subscribe"
8585
data-type="form"
8686
data-name="My product"

‎test/functional/index.html‎

Lines changed: 24 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@
1111

1212
<div id="buynow-sm">
1313
<h2>Buy Now (Small)</h2>
14-
<script src="../../dist/all.js?merchant=6XF3MPZBZV6HU"
14+
<script async src="../../dist/all.js?merchant=6XF3MPZBZV6HU"
1515
data-button="buynow"
1616
data-type="form"
1717
data-name="Buy now!"
@@ -23,7 +23,7 @@ <h2>Buy Now (Small)</h2>
2323

2424
<div id="buynow-md">
2525
<h2>Buy Now (Medium)</h2>
26-
<script src="../../dist/all.js?merchant=6XF3MPZBZV6HU"
26+
<script async src="../../dist/all.js?merchant=6XF3MPZBZV6HU"
2727
data-button="buynow"
2828
data-type="form"
2929
data-name="Buy now!"
@@ -34,7 +34,7 @@ <h2>Buy Now (Medium)</h2>
3434

3535
<div id="buynow-lg">
3636
<h2>Buy Now (Large)</h2>
37-
<script src="../../dist/all.js?merchant=6XF3MPZBZV6HU"
37+
<script async src="../../dist/all.js?merchant=6XF3MPZBZV6HU"
3838
data-button="buynow"
3939
data-type="form"
4040
data-name="Buy now!"
@@ -45,7 +45,7 @@ <h2>Buy Now (Large)</h2>
4545

4646
<div id="buynow-secondary-sm">
4747
<h2>Buy Now (Small; Secondary)</h2>
48-
<script src="../../dist/all.js?merchant=6XF3MPZBZV6HU"
48+
<script async src="../../dist/all.js?merchant=6XF3MPZBZV6HU"
4949
data-button="buynow"
5050
data-type="form"
5151
data-name="Buy now!"
@@ -58,7 +58,7 @@ <h2>Buy Now (Small; Secondary)</h2>
5858

5959
<div id="buynow-secondary-md">
6060
<h2>Buy Now (Medium; Secondary)</h2>
61-
<script src="../../dist/all.js?merchant=6XF3MPZBZV6HU"
61+
<script async src="../../dist/all.js?merchant=6XF3MPZBZV6HU"
6262
data-button="buynow"
6363
data-type="form"
6464
data-name="Buy now!"
@@ -70,7 +70,7 @@ <h2>Buy Now (Medium; Secondary)</h2>
7070

7171
<div id="buynow-secondary-lg">
7272
<h2>Buy Now (Large; Secondary)</h2>
73-
<script src="../../dist/all.js?merchant=6XF3MPZBZV6HU"
73+
<script async src="../../dist/all.js?merchant=6XF3MPZBZV6HU"
7474
data-button="buynow"
7575
data-type="form"
7676
data-name="Buy now!"
@@ -82,7 +82,7 @@ <h2>Buy Now (Large; Secondary)</h2>
8282

8383
<div id="sandbox">
8484
<h2>Buy Now (Sandbox)</h2>
85-
<script src="../../dist/all.js?merchant=6XF3MPZBZV6HU"
85+
<script async src="../../dist/all.js?merchant=6XF3MPZBZV6HU"
8686
data-button="buynow"
8787
data-type="form"
8888
data-name="Buy now!"
@@ -94,7 +94,7 @@ <h2>Buy Now (Sandbox)</h2>
9494

9595
<div id="buynow-es_ES">
9696
<h2>Buy Now (Spanish)</h2>
97-
<script src="../../dist/all.js?merchant=6XF3MPZBZV6HU"
97+
<script async src="../../dist/all.js?merchant=6XF3MPZBZV6HU"
9898
data-button="buynow"
9999
data-type="form"
100100
data-name="Buy now!"
@@ -106,7 +106,7 @@ <h2>Buy Now (Spanish)</h2>
106106

107107
<div id="buynow-ja_JP">
108108
<h2>Buy Now (Japanese)</h2>
109-
<script src="../../dist/all.js?merchant=6XF3MPZBZV6HU"
109+
<script async src="../../dist/all.js?merchant=6XF3MPZBZV6HU"
110110
data-button="buynow"
111111
data-type="form"
112112
data-name="Buy now!"
@@ -117,7 +117,7 @@ <h2>Buy Now (Japanese)</h2>
117117

118118
<div id="buynow-de_DE">
119119
<h2>Buy Now (German)</h2>
120-
<script src="../../dist/all.js?merchant=6XF3MPZBZV6HU"
120+
<script async src="../../dist/all.js?merchant=6XF3MPZBZV6HU"
121121
data-button="buynow"
122122
data-type="form"
123123
data-name="Buy now!"
@@ -129,7 +129,7 @@ <h2>Buy Now (German)</h2>
129129

130130
<div id="buynow-editable">
131131
<h2>Buy Now (Editable)</h2>
132-
<script src="../../dist/all.js?merchant=6XF3MPZBZV6HU"
132+
<script async src="../../dist/all.js?merchant=6XF3MPZBZV6HU"
133133
data-button="buynow"
134134
data-type="form"
135135
data-name-editable="Buy now!"
@@ -141,7 +141,7 @@ <h2>Buy Now (Editable)</h2>
141141

142142
<div id="cart-sm">
143143
<h2>Cart (Small)</h2>
144-
<script src="../../dist/all.js?merchant=6XF3MPZBZV6HU"
144+
<script async src="../../dist/all.js?merchant=6XF3MPZBZV6HU"
145145
data-button="cart"
146146
data-type="form"
147147
data-name="Add to cart!"
@@ -152,7 +152,7 @@ <h2>Cart (Small)</h2>
152152

153153
<div id="cart-md">
154154
<h2>Cart (Medium)</h2>
155-
<script src="../../dist/all.js?merchant=6XF3MPZBZV6HU"
155+
<script async src="../../dist/all.js?merchant=6XF3MPZBZV6HU"
156156
data-button="cart"
157157
data-type="form"
158158
data-name="Add to cart!"
@@ -163,7 +163,7 @@ <h2>Cart (Medium)</h2>
163163

164164
<div id="cart-lg">
165165
<h2>Cart (Large)</h2>
166-
<script src="../../dist/all.js?merchant=6XF3MPZBZV6HU"
166+
<script async src="../../dist/all.js?merchant=6XF3MPZBZV6HU"
167167
data-button="cart"
168168
data-type="form"
169169
data-name="Add to cart!"
@@ -174,7 +174,7 @@ <h2>Cart (Large)</h2>
174174

175175
<div id="donate-sm">
176176
<h2>Donate (Small)</h2>
177-
<script src="../../dist/all.js?merchant=6XF3MPZBZV6HU"
177+
<script async src="../../dist/all.js?merchant=6XF3MPZBZV6HU"
178178
data-button="donate"
179179
data-type="form"
180180
data-name="Donate!"
@@ -185,7 +185,7 @@ <h2>Donate (Small)</h2>
185185

186186
<div id="donate-md">
187187
<h2>Donate (Medium)</h2>
188-
<script src="../../dist/all.js?merchant=6XF3MPZBZV6HU"
188+
<script async src="../../dist/all.js?merchant=6XF3MPZBZV6HU"
189189
data-button="donate"
190190
data-type="form"
191191
data-name="Donate!"
@@ -196,7 +196,7 @@ <h2>Donate (Medium)</h2>
196196

197197
<div id="donate-lg">
198198
<h2>Donate (Large)</h2>
199-
<script src="../../dist/all.js?merchant=6XF3MPZBZV6HU"
199+
<script async src="../../dist/all.js?merchant=6XF3MPZBZV6HU"
200200
data-button="donate"
201201
data-type="form"
202202
data-name="Donate!"
@@ -207,7 +207,7 @@ <h2>Donate (Large)</h2>
207207

208208
<div id="subscribe-sm">
209209
<h2>Subscribe (Small)</h2>
210-
<script src="../../dist/all.js?merchant=6XF3MPZBZV6HU"
210+
<script async src="../../dist/all.js?merchant=6XF3MPZBZV6HU"
211211
data-button="subscribe"
212212
data-type="form"
213213
data-name="Subscribe!"
@@ -220,7 +220,7 @@ <h2>Subscribe (Small)</h2>
220220

221221
<div id="subscribe-md">
222222
<h2>Subscribe (Medium)</h2>
223-
<script src="../../dist/all.js?merchant=6XF3MPZBZV6HU"
223+
<script async src="../../dist/all.js?merchant=6XF3MPZBZV6HU"
224224
data-button="subscribe"
225225
data-type="form"
226226
data-name="Subscribe!"
@@ -233,7 +233,7 @@ <h2>Subscribe (Medium)</h2>
233233

234234
<div id="subscribe-lg">
235235
<h2>Subscribe (Large)</h2>
236-
<script src="../../dist/all.js?merchant=6XF3MPZBZV6HU"
236+
<script async src="../../dist/all.js?merchant=6XF3MPZBZV6HU"
237237
data-button="subscribe"
238238
data-type="form"
239239
data-name="Subscribe!"
@@ -246,7 +246,7 @@ <h2>Subscribe (Large)</h2>
246246

247247
<div id="button-id">
248248
<h2>Hosted button</h2>
249-
<script src="../../dist/all.js?merchant=6XF3MPZBZV6HU"
249+
<script async src="../../dist/all.js?merchant=6XF3MPZBZV6HU"
250250
data-button="buynow"
251251
data-button_id="NQ9MQGA8YG53C"
252252
data-type="form"
@@ -256,7 +256,7 @@ <h2>Hosted button</h2>
256256

257257
<div id="button-options">
258258
<h2>Options button</h2>
259-
<script src="../../dist/all.js?merchant=6XF3MPZBZV6HU"
259+
<script async src="../../dist/all.js?merchant=6XF3MPZBZV6HU"
260260
data-button="buynow"
261261
data-type="form"
262262
data-name="Buy now!"
@@ -269,15 +269,15 @@ <h2>Options button</h2>
269269

270270
<div id="button">
271271
<h2>Button Only</h2>
272-
<script src="../../dist/all.js?merchant=6XF3MPZBZV6HU"
272+
<script async src="../../dist/all.js?merchant=6XF3MPZBZV6HU"
273273
data-button="buynow"
274274
data-type="button"
275275
></script>
276276
</div>
277277

278278
<div id="qr">
279279
<h2>QR Code</h2>
280-
<script src="../../dist/all.js?merchant=6XF3MPZBZV6HU"
280+
<script async src="../../dist/all.js?merchant=6XF3MPZBZV6HU"
281281
data-type="qr"
282282
data-name="Buy from a QR code!"
283283
data-amount="1.00"

0 commit comments

Comments
 (0)