-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
178 lines (172 loc) · 7.59 KB
/
Copy pathindex.html
File metadata and controls
178 lines (172 loc) · 7.59 KB
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
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-5GMVHV6M');</script>
<!-- End Google Tag Manager -->
<title>SignFlow Pro — Shareable Links & QR Codes for Zoho Sign Templates</title>
<meta name="description" content="Turn any Zoho Sign template into a shareable link or QR code in 5 minutes. No enterprise plan required. $60/year flat — analytics, branded pages, and no per-user fees included.">
<meta name="robots" content="index, follow">
<link rel="canonical" href="https://www.signflow.ink/">
<meta name="author" content="SignFlow Pro">
<meta name="theme-color" content="#0f172a">
<!-- Open Graph -->
<meta property="og:type" content="website">
<meta property="og:url" content="https://www.signflow.ink/">
<meta property="og:title" content="SignFlow Pro — Shareable Links & QR Codes for Zoho Sign Templates">
<meta property="og:description" content="Stop paying $275/user/year for Zoho Sign Enterprise just to share templates. SignFlow Pro gives you shareable signing links and QR codes for $60/year.">
<meta property="og:image" content="https://www.signflow.ink/og-image.svg">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:site_name" content="SignFlow Pro">
<meta property="og:locale" content="en_US">
<!-- Twitter Cards -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="SignFlow Pro — Shareable Links & QR Codes for Zoho Sign Templates">
<meta name="twitter:description" content="Zoho Sign templates, now shareable with one link. No Enterprise plan. No per-user fees. $60/year.">
<meta name="twitter:image" content="https://www.signflow.ink/og-image.svg">
<!-- Structured Data: SoftwareApplication -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "SoftwareApplication",
"name": "SignFlow Pro",
"applicationCategory": "BusinessApplication",
"operatingSystem": "Web",
"url": "https://signflow.ink",
"description": "Create shareable links and QR codes for Zoho Sign templates. No enterprise plan required. $60/year flat.",
"offers": {
"@type": "Offer",
"price": "60.00",
"priceCurrency": "USD",
"name": "SignFlow Pro Annual",
"description": "Full access to shareable signing links, QR codes, analytics, and branded landing pages."
},
"publisher": {
"@type": "Organization",
"name": "SignFlow Pro",
"url": "https://signflow.ink"
}
}
</script>
<!-- Structured Data: FAQ -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "FAQPage",
"mainEntity": [
{
"@type": "Question",
"name": "Do I need a Zoho Sign Enterprise plan to use SignFlow Pro?",
"acceptedAnswer": {
"@type": "Answer",
"text": "No. SignFlow Pro works with any Zoho Sign plan that has API access enabled. You do not need to upgrade to Enterprise."
}
},
{
"@type": "Question",
"name": "What does SignFlow Pro cost?",
"acceptedAnswer": {
"@type": "Answer",
"text": "SignFlow Pro is $60/year flat. You also pay Zoho Sign's standard API rate of $0.50 per document sent. There are no per-user fees or hidden charges from us."
}
},
{
"@type": "Question",
"name": "How does SignFlow Pro work with Zoho Sign?",
"acceptedAnswer": {
"@type": "Answer",
"text": "You connect your Zoho Sign account via API, select a template, and SignFlow Pro generates a permanent shareable URL and QR code. Anyone can click the link to sign your document — no Zoho account required for signers."
}
},
{
"@type": "Question",
"name": "Is SignFlow Pro secure?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Yes. Your API credentials are encrypted and stored securely. We never access your signed documents — all signing happens directly through Zoho Sign's platform."
}
},
{
"@type": "Question",
"name": "Can I cancel anytime?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Yes. No contracts, no cancellation fees. You keep full access through the end of your billing period."
}
}
]
}
</script>
<!-- Preconnect to external domains for faster loading -->
<link rel="preconnect" href="https://khyamuueugctbfhekjbw.supabase.co" crossorigin>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<!-- Load font with display swap to prevent blocking -->
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
<style>
body {
font-family: 'Inter', sans-serif;
}
/* Hide form card quick-actions by default only on true pointer devices (mouse/trackpad).
Touch-only and hybrid devices always show them since hover never reliably fires.
Also reveal on :focus-within so keyboard users (tabbing to the card) can see them. */
@media (hover: hover) and (pointer: fine) {
.card-quick-actions { opacity: 0; }
.group:hover .card-quick-actions,
.group:focus-within .card-quick-actions { opacity: 1; }
}
/* Minimal loading state before React hydrates */
.loading-placeholder {
display: flex;
align-items: center;
justify-content: center;
min-height: 100vh;
background: #0f172a;
}
.loading-spinner {
width: 40px;
height: 40px;
border: 3px solid #1e293b;
border-top-color: #3b82f6;
border-radius: 50%;
animation: spin 1s linear infinite;
}
@keyframes spin {
to { transform: rotate(360deg); }
}
@media (prefers-reduced-motion: reduce) {
.loading-spinner {
animation: none;
}
}
</style>
<script type="module" src="./index.tsx"></script>
</head>
<body class="bg-slate-950 text-slate-100">
<!-- Skip navigation link — WCAG 2.4.1 (Level A) -->
<!-- Visible only on keyboard focus; links to the main content landmark -->
<a
href="#main-content"
class="sr-only focus:not-sr-only focus:absolute focus:top-4 focus:left-4 focus:z-50 focus:px-4 focus:py-2 focus:bg-white focus:text-slate-900 focus:rounded focus:shadow-lg"
>
Skip to main content
</a>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5GMVHV6M"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<div id="root">
<!-- Instant loading state before React hydrates -->
<div class="loading-placeholder">
<div class="loading-spinner"></div>
</div>
</div>
</body>
</html>