-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
b4059f4
commit a9b431a
Showing
12 changed files
with
323 additions
and
10 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,28 @@ | ||
| --- | ||
| import { Image } from "astro:assets"; | ||
| --- | ||
|
|
||
| <section class="bg-offwhite-400 px-4 py-20" data-pg-collapsed id="block-formstack-developer-cta"> | ||
| <div class="container mx-auto px-4"> | ||
| <div class="mx-auto max-w-2xl"> | ||
| <h2 class="heading-two mb-6">Let’s Transform Your Business</h2> | ||
| <p class="body-text mb-6"> | ||
| Stop struggling with Formstack’s learning curve. Partner with a Formstack developer who | ||
| understands the platform inside and out. From revops automation to Formstack for financial services, I | ||
| deliver professional Formstack services that save you time, eliminate errors, and maximize ROI. | ||
| </p> | ||
| <div class="h-112 mb-6"> | ||
| <Image | ||
| class="img-base h-full w-full object-cover" | ||
| src={import("../_images/formstack-developer-advantage-graphic-2.png")} | ||
| alt="A Formstack developer giving businesses an advantage by simplifying confusing processes." | ||
| loading="lazy" | ||
| /> | ||
| </div> | ||
| <p class="body-text mb-6"> | ||
| Ready to take your business to the next level with Formstack automation services? Let’s get | ||
| started today. | ||
| </p> | ||
| </div> | ||
| </div> | ||
| </section> |
31 changes: 31 additions & 0 deletions
31
src/pages/formstack-developer/_components/CustomBranding.astro
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,31 @@ | ||
| --- | ||
| import { Image } from "astro:assets"; | ||
| --- | ||
|
|
||
| <section class="relative bg-amber-50 px-4 pb-16 pt-20" data-pg-collapsed id="block-formstack-developer-branding"> | ||
| <div class="container mx-auto px-4"> | ||
| <div class="h-112 mb-16" data-pg-collapsed> | ||
| <Image | ||
| class="img-base h-full w-full object-cover" | ||
| src={import("../_images/formstack-branded-forms-graphic.png")} | ||
| alt="Graphic depicting custom branded Formstack Form." | ||
| loading="lazy" | ||
| /> | ||
| </div> | ||
| <div class="mx-auto mb-16 max-w-2xl text-center" data-pg-collapsed> | ||
| <h2 class="heading-two mb-10">Custom Branding for Formstack Forms</h2> | ||
| </div> | ||
| <div class="mx-auto max-w-2xl" data-pg-collapsed> | ||
| <p class="body-text mb-6"> | ||
| Your forms don’t just collect data—they represent your brand. Imagine embedding forms on | ||
| your website or internal app that perfectly match your company’s identity. As a developer with | ||
| extensive experience in CSS and branding, I can: | ||
| </p> | ||
| <ul class="body-text list-disc"> | ||
| <li>Design custom themes for Formstack forms that blend seamlessly with your website.</li> | ||
| <li>Ensure your forms look professional and on-brand every time.</li> | ||
| <li>Simplify setup for your team—embed forms knowing they’ll look perfect, no matter the platform.</li> | ||
| </ul> | ||
| </div> | ||
| </div> | ||
| </section> |
101 changes: 101 additions & 0 deletions
101
src/pages/formstack-developer/_components/DeveloperAdvantage.astro
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,101 @@ | ||
| --- | ||
| import { Image } from "astro:assets"; | ||
| --- | ||
|
|
||
| <section class="bg-offwhite-200 px-4 py-20" data-pg-collapsed id="block-formstack-developer-advantages"> | ||
| <div class="container mx-auto px-4"> | ||
| <div class="-mx-4 mb-12 flex flex-wrap items-center lg:mb-16"> | ||
| <div class="w-full px-4 lg:w-1/2" data-pg-collapsed> | ||
| <div data-pg-collapsed class="md:max-w-lg"> | ||
| <h2 class="heading-two mb-4 mt-2">The Formstack Developer Advantage</h2> | ||
| <div data-pg-collapsed class="w-full md:max-w-md"> | ||
| <p class="body-text mb-6 lg:mb-0"> | ||
| Formstack’s flexibility is its greatest strength—but without the right | ||
| expertise, it’s easy to waste time and money going down the wrong path. As a freelance | ||
| Formstack developer, I’ve built complex solutions across industries, including | ||
| financial services, legal services, and Human Resources. | ||
| </p> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <div class="w-full px-4 lg:w-1/2"> | ||
| <Image | ||
| class="img-base max-h-80 w-full object-cover" | ||
| src={import("../_images/formstack-developer-advantage-graphic.png")} | ||
| alt="Formstack developer turning a complicated process into a simple Form." | ||
| loading="eager" | ||
| /> | ||
| </div> | ||
| </div> | ||
| <div class="-mx-4 -mb-12 flex flex-wrap"> | ||
| <div class="mb-12 flex w-full items-start px-4 md:w-1/2 lg:w-1/3" data-pg-collapsed> | ||
| <span | ||
| class="inline-flex h-12 w-12 flex-shrink-0 items-center justify-center rounded-full bg-deep-purple-500 font-work-sans font-semibold text-offwhite-50" | ||
| >1</span | ||
| > | ||
| <div class="max-w-xs px-4" data-pg-collapsed> | ||
| <p class="body-text"> | ||
| <strong>Automate Workflows:</strong> Eliminate tedious, manual processes that waste valuable time. | ||
| </p> | ||
| </div> | ||
| </div> | ||
| <div class="mb-12 flex w-full items-start px-4 md:w-1/2 lg:w-1/3" data-pg-collapsed> | ||
| <span | ||
| class="inline-flex h-12 w-12 flex-shrink-0 items-center justify-center rounded-full bg-deep-purple-500 font-work-sans font-semibold text-offwhite-50" | ||
| >2</span | ||
| > | ||
| <div class="max-w-xs px-4"> | ||
| <p class="body-text"> | ||
| <strong>Reduce Errors:</strong> Streamline data collection and ensure accuracy every time. | ||
| </p> | ||
| </div> | ||
| </div> | ||
| <div class="mb-12 flex w-full items-start px-4 md:w-1/2 lg:w-1/3"> | ||
| <span | ||
| class="inline-flex h-12 w-12 flex-shrink-0 items-center justify-center rounded-full bg-deep-purple-500 font-work-sans font-semibold text-offwhite-50" | ||
| >3</span | ||
| > | ||
| <div class="max-w-xs px-4"> | ||
| <p class="body-text"> | ||
| <strong>Future-Proof Solutions:</strong> Design scalable systems that grow with your business. | ||
| </p> | ||
| </div> | ||
| </div> | ||
| <div class="mb-12 flex w-full items-start px-4 md:w-1/2 lg:w-1/3"> | ||
| <span | ||
| class="inline-flex h-12 w-12 flex-shrink-0 items-center justify-center rounded-full bg-deep-purple-500 font-work-sans font-semibold text-offwhite-50" | ||
| >4</span | ||
| > | ||
| <div class="max-w-xs px-4"> | ||
| <p class="body-text"> | ||
| <strong>Optimize Integrations:</strong> Maximize your investment by seamlessly connecting Formstack | ||
| to Salesforce, Microsoft Dynamics, Monday.com, Notion, and more. | ||
| </p> | ||
| </div> | ||
| </div> | ||
| <div class="mb-12 flex w-full items-start px-4 md:w-1/2 lg:w-1/3"> | ||
| <span | ||
| class="inline-flex h-12 w-12 flex-shrink-0 items-center justify-center rounded-full bg-deep-purple-500 font-work-sans font-semibold text-offwhite-50" | ||
| >5</span | ||
| > | ||
| <div class="max-w-xs px-4"> | ||
| <p class="body-text"> | ||
| <strong>Stay On Brand:</strong> Maintain a unified branding strategy for your customers, from beautiful | ||
| Forms to branded document output. | ||
| </p> | ||
| </div> | ||
| </div> | ||
| <div class="mb-12 flex w-full items-start px-4 md:w-1/2 lg:w-1/3"> | ||
| <span | ||
| class="inline-flex h-12 w-12 flex-shrink-0 items-center justify-center rounded-full bg-deep-purple-500 font-work-sans font-semibold text-offwhite-50" | ||
| >6</span | ||
| > | ||
| <div class="max-w-xs px-4"> | ||
| <p class="body-text"> | ||
| <strong>Increase Efficiency:</strong> Save real time and money from the day your solution is deployed! | ||
| </p> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </section> |
67 changes: 67 additions & 0 deletions
67
src/pages/formstack-developer/_components/FormstackYourWay.astro
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,67 @@ | ||
| --- | ||
| import { Image } from "astro:assets"; | ||
| --- | ||
|
|
||
| <section class="bg-roxy-50 px-4 py-20" data-pg-collapsed id="block-formstack-developer-custom-solutions"> | ||
| <div class="container mx-auto px-4"> | ||
| <div class="mx-auto max-w-4xl"> | ||
| <h2 class="heading-two mb-6">Unlock the Full Potential of Formstack—Your Way</h2> | ||
| <p class="body-text mb-6"> | ||
| Formstack’s suite of apps—Forms, Workflows, Docs, and Sign—is designed to work | ||
| together seamlessly, delivering an all-in-one solution for businesses ready to streamline operations. | ||
| But here’s the real game-changer: each tool also operates independently and comes with robust | ||
| APIs, allowing you to integrate them directly into your existing processes without overhauling | ||
| everything. | ||
| </p> | ||
| <div class="h-112 mb-6" data-pg-collapsed> | ||
| <Image | ||
| class="img-base h-full w-full object-cover" | ||
| src={import("../_images/formstack-developer-graphic.png")} | ||
| alt="A Formstack developer working to recreate complex data management into a simple digital solution." | ||
| loading="lazy" | ||
| /> | ||
| </div> | ||
| <p class="body-text mb-6"> | ||
| Think of Formstack’s tools as individual puzzle pieces that can snap into place within your | ||
| current workflow, extending its functionality to levels you didn’t think were possible. For | ||
| example: | ||
| </p> | ||
| <p class="body-text mb-6"> | ||
| Think of Formstack’s tools as individual puzzle pieces that can snap into place within your | ||
| current workflow, extending its functionality to levels you didn’t think were possible. For | ||
| example: | ||
| </p> | ||
| <ul class="body-text list-disc" data-pg-collapsed> | ||
| <li> | ||
| <strong>Dynamic Document Generation:</strong> Use Formstack Docs to pull data from your CRM, such as | ||
| Salesforce or Microsoft Dynamics, to automatically create error-free contracts, proposals, or financial | ||
| reports tailored to each client. | ||
| </li> | ||
| <li> | ||
| <strong>Effortless Digital Signatures:</strong> With Formstack Sign, send documents for eSignature with | ||
| just a click, streamlining approvals without cumbersome back-and-forths. | ||
| </li> | ||
| <li> | ||
| <strong>Seamless Data Flow:</strong> Collect data through Formstack Forms and send it directly to your | ||
| CRM or database, ensuring your information is always where it needs to be—accurate and ready for action. | ||
| </li> | ||
| </ul> | ||
| <p class="body-text mb-6"> | ||
| This flexibility means you don’t have to rip and replace your existing systems to enjoy the | ||
| advanced features Formstack provides. Whether you want to automate a specific step, like generating | ||
| documents or collecting eSignatures, or gradually adopt additional tools, Formstack fits perfectly into | ||
| your workflow—on your terms. | ||
| </p> | ||
| <ul class="body-text mb-6 flex list-disc flex-col gap-3" data-pg-collapsed> | ||
| <li>Connect directly with your favorite platforms, including Salesforce, Notion, and Monday.com.</li> | ||
| <li>Extend your existing systems’ capabilities without reinventing the wheel.</li> | ||
| <li>Build scalable, tailored solutions that meet your unique business needs.</li> | ||
| </ul> | ||
| <p class="body-text mb-6"> | ||
| Formstack’s tools give you the power to automate, integrate, and scale—while still working | ||
| within the systems you know and trust. It’s not about changing everything you do; it’s about | ||
| doing it better. | ||
| </p> | ||
| </div> | ||
| </div> | ||
| </section> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,36 @@ | ||
| --- | ||
| import { Image } from "astro:assets"; | ||
| --- | ||
|
|
||
| <section class="bg-deep-purple-50 px-4 py-20" id="block-formstack-developer-hero"> | ||
| <div class="container mx-auto px-4"> | ||
| <div class="-mx-4 flex flex-wrap items-center"> | ||
| <div class="md:order-0 order-1 w-full px-4 md:w-1/3"> | ||
| <Image | ||
| class="img-base w-full object-cover" | ||
| src={import("../_images/freelance-formstack-developer-graphic.png")} | ||
| alt="Formstack developer at work automating workflow solutions." | ||
| loading="eager" | ||
| /> | ||
| </div> | ||
| <div class="mb-12 w-full px-4 md:order-1 md:mb-0 md:w-2/3"> | ||
| <div class="lg:ml-auto lg:max-w-xl"> | ||
| <h2 class="heading-one mb-4 lg:mb-8"> | ||
| A Formstack Developer Takes Your Business From Chaos to Clarity | ||
| </h2> | ||
| <p class="body-text"> | ||
| Your business deserves solutions that actually work. Whether it’s streamlining workflows, | ||
| managing eSignatures, or integrating with your CRM, Formstack’s powerful tools are the | ||
| backbone of countless successful businesses. But here’s the catch: unlocking its full | ||
| potential requires expertise. That’s where I come in. | ||
| </p> | ||
| <p class="body-text"> | ||
| As a Formstack developer with years of experience—and even contributions to its | ||
| codebase—I help businesses like yours harness the full capabilities of Formstack to solve | ||
| real problems, increase efficiency, and drive results. | ||
| </p> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </section> |
48 changes: 48 additions & 0 deletions
48
src/pages/formstack-developer/_components/WhyUseFormstack.astro
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,48 @@ | ||
| <section class="bg-teal-50 px-4 py-20" data-pg-collapsed id="block-formstack-developer-why-use"> | ||
| <div class="container mx-auto px-4"> | ||
| <div class="mx-auto max-w-2xl"> | ||
| <h2 class="heading-two mb-8">Why Use Formstack?</h2> | ||
| <p class="body-text"> | ||
| Formstack is more than just a form builder—it’s an all-in-one platform designed to simplify | ||
| your processes and supercharge your business. Here’s why organizations, especially in financial | ||
| services, legal services, and HR, rely on professional Formstack services: | ||
| </p> | ||
| <ul class="body-text list-disc"> | ||
| <li> | ||
| <strong class="text-dark-gray-500">Drag-and-Drop Simplicity:</strong> Empower your team to build, edit, | ||
| and deploy forms without technical hurdles - or use AI to build your forms. | ||
| </li> | ||
| <li> | ||
| <strong class="text-dark-gray-500">Bespoke Customization:</strong> Leverage <a | ||
| href="/blog/automation/formstack-javascript-getting-started-live-form-api/" | ||
| class="text-deep-purple-500 kepson-transition hover:text-deep-purple-400" | ||
| >JavaScript in Formstack Forms</a | ||
| > | ||
| to create dynamic enhancements that get the most data from the fewest number of inputs possible. | ||
| </li> | ||
| <li> | ||
| <strong class="text-dark-gray-500">Document Generation with Logic:</strong> Automatically create error-free | ||
| contracts, invoices, and client documents with built-in logic that adapts to your data. | ||
| </li> | ||
| <li> | ||
| <strong class="text-dark-gray-500">Seamless eSignatures:</strong> Manage legal documents and contracts | ||
| with Formstack Sign, a secure solution for collecting signatures in minutes. | ||
| </li> | ||
| <li> | ||
| <strong class="text-dark-gray-500">Powerful Integrations:</strong> Connect Formstack with CRMs like Salesforce, | ||
| Microsoft Dynamics, Monday.com, and Notion, ensuring your data goes exactly where it’s needed. | ||
| </li> | ||
| <li> | ||
| <strong class="text-dark-gray-500">Compliance on Autopilot:</strong> Ensure every process meets the highest | ||
| security and compliance standards, especially in regulated industries like financial services. With Formstack, | ||
| you can make it nearly impossible for your employees to make costly mistakes when completing sensitive | ||
| processes. | ||
| </li> | ||
| </ul> | ||
| <p class="body-text mb-6"> | ||
| Formstack is the secret weapon for businesses that value revops automation, digital transformation, and | ||
| scalable solutions. | ||
| </p> | ||
| </div> | ||
| </div> | ||
| </section> |
Binary file added
BIN
+329 KB
src/pages/formstack-developer/_images/formstack-branded-forms-graphic.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added
BIN
+705 KB
src/pages/formstack-developer/_images/formstack-developer-advantage-graphic-2.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added
BIN
+600 KB
src/pages/formstack-developer/_images/formstack-developer-advantage-graphic.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added
BIN
+644 KB
src/pages/formstack-developer/_images/freelance-formstack-developer-graphic.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters