-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
79 lines (79 loc) · 4.71 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
<!doctype html>
<html>
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link href="tailwind.css" rel="stylesheet">
<title>Yagi Express Payment Hider - Hide Express Checkout Payment methods</title>
</head>
<body>
<div class="relative bg-white overflow-hidden">
<div class="hidden lg:block lg:absolute lg:inset-0" aria-hidden="true">
<svg class="absolute top-0 left-1/2 transform translate-x-64 -translate-y-8" width="640" height="784" fill="none" viewBox="0 0 640 784">
<defs>
<pattern id="9ebea6f4-a1f5-4d96-8c4e-4c2abf658047" x="118" y="0" width="20" height="20" patternUnits="userSpaceOnUse">
<rect x="0" y="0" width="4" height="4" class="text-gray-200" fill="currentColor" />
</pattern>
</defs>
<rect y="72" width="640" height="640" class="text-gray-50" fill="currentColor" />
<rect x="118" width="404" height="784" fill="url(#9ebea6f4-a1f5-4d96-8c4e-4c2abf658047)" />
</svg>
</div>
<div class="relative pt-6 pb-16 sm:pb-24 lg:pb-32">
<nav class="relative max-w-7xl mx-auto flex items-center justify-between px-4 sm:px-6" aria-label="Global">
<div class="flex items-center flex-1">
<div class="flex items-center justify-between w-full md:w-auto">
<a href="#">
<span class="ml-4 text-emerald-600 font-bold text-xl">Yagi Express Payment Hider</span>
</a>
</div>
</div>
</nav>
<main class="mt-8 mx-auto max-w-7xl px-4 sm:mt-16 sm:px-6 lg:mt-24">
<div class="lg:grid lg:grid-cols-12 lg:gap-8">
<div class="sm:text-center md:max-w-2xl md:mx-auto lg:col-span-6 lg:text-left">
<h1>
<span class="mt-1 block text-3xl tracking-tight font-extrabold sm:text-3xl xl:text-4xl">
<span class="block text-gray-900">Hide <span class="text-emerald-600">Paypal Express Checkout</span>, Apple Pay, Google Pay, Meta Pay etc, on the initial step of <span class="text-emerald-600">checkout page</span></p>
</span>
</h1>
<p class="mt-3 text-base text-gray-500 sm:mt-5 sm:text-xl lg:text-lg xl:text-xl">
Reduce customers confusion by not showing the Paypal Express Checkout / Accelerated checkout payment methods on the top of checkout page, so that they will not assume those are the only payment methods available and bounce. (You can improve conversion rate by hiding those express payment methods for new customers)
</p>
<div class="mt-8 sm:max-w-lg sm:mx-auto sm:text-center lg:text-left lg:mx-0">
<p class="text-base font-medium text-gray-900">
<img class="w-64" src="shopify_store_badge.png" alt="install on shopify app store"/>
</p>
<br><br>
<p class="mt-3 text-sm text-gray-500">
Our app doesn't store any order or customer data, we only retrieve the cart data including previously saved shipping address. The data is never stored in our database.
<a href="privacy.html" target="_blank" class="font-medium text-gray-900 underline">Privacy Policy</a>, <a href="data.html" target="_blank" class="font-medium text-gray-900 underline">Data Protection Agreement</a> & <a href="terms.html" target="_blank" class="font-medium text-gray-900 underline">Terms of Service</a>.
</p>
</div>
</div>
<div class="mt-12 bg-white relative sm:max-w-lg sm:mx-auto lg:mt-0 lg:max-w-none lg:mx-0 lg:col-span-6 lg:flex lg:items-center">
<svg class="absolute top-0 left-1/2 transform -translate-x-1/2 -translate-y-8 scale-75 origin-top sm:scale-100 lg:hidden" width="640" height="784" fill="none" viewBox="0 0 640 784" aria-hidden="true">
<defs>
<pattern id="4f4f415c-a0e9-44c2-9601-6ded5a34a13e" x="118" y="0" width="20" height="20" patternUnits="userSpaceOnUse">
<rect x="0" y="0" width="4" height="4" class="text-gray-200" fill="currentColor" />
</pattern>
</defs>
<rect y="72" width="640" height="640" class="text-gray-50" fill="currentColor" />
<rect x="118" width="404" height="784" fill="url(#4f4f415c-a0e9-44c2-9601-6ded5a34a13e)" />
</svg>
<div class="relative mx-auto w-full rounded-lg lg:max-w-xl">
<img class="w-full mb-4 shadow-lg" src="hiders.png" alt="app screenshot">
</div>
</div>
</div>
</main>
</div>
</div>
<script>
function install(){
let shop = document.getElementById('store').value;
window.location.href = 'https://app.draftorder.app/#?shop=' + shop;
}
</script>
</body>
</html>