Share to Whatsapp

Features multiple steps with validation.
Copy this <script> to your <head>or <body> of your page to make this work
<!-- [Attributes by Flowscriipt] Custom Toast Notificaiton -->
<script src="https://cdn.jsdelivr.net/gh/manuelogomigo/flowscriipt@main/custom-toast-notification/script.js"></script>

{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"cd34c00e-c6e3-4a85-059c-e8d9517d734e","type":"Block","tag":"div","classes":["b3abcb7d-1bf6-8fc5-d1d0-16e76b9acaa6"],"children":["a2289602-0bbb-7da9-bec5-65ced4e25215","5fc3ebd9-736f-c8b4-d684-699811e430c5","141ca1d9-27b3-9b96-7b0d-a8fe2717191e"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"a2289602-0bbb-7da9-bec5-65ced4e25215","type":"Link","tag":"a","classes":["52057a9a-9255-3020-ec24-9e8aebbd934a"],"children":["31fa22bb-8f88-0f6e-2ff0-b19a55eeeaf3","66075bce-8b28-e197-8b0c-3d0cdec01a67"],"data":{"search":{"exclude":false},"xattr":[{"name":"ct-social-share","value":"whatsapp"}],"block":"inline","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external","url":"#"}}},{"_id":"31fa22bb-8f88-0f6e-2ff0-b19a55eeeaf3","type":"HtmlEmbed","tag":"div","classes":["26212e18-9c79-5e18-37bf-5c944756303f"],"children":[],"v":"<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\" viewBox=\"0 0 16 16\" fill=\"none\">\n  <path d=\"M8.00066 1.33301C11.6827 1.33301 14.6673 4.31767 14.6673 7.99967C14.6673 11.6817 11.6827 14.6663 8.00066 14.6663C6.82251 14.6682 5.6651 14.3565 4.64733 13.763L1.33666 14.6663L2.23799 11.3543C1.64406 10.3363 1.33203 9.17834 1.33399 7.99967C1.33399 4.31767 4.31866 1.33301 8.00066 1.33301ZM5.72866 4.86634L5.59533 4.87167C5.50901 4.87693 5.42465 4.89961 5.34733 4.93834C5.27501 4.97929 5.20899 5.03049 5.15133 5.09034C5.07133 5.16567 5.02599 5.23101 4.97733 5.29434C4.73074 5.61494 4.59798 6.00855 4.59999 6.41301C4.60133 6.73967 4.68666 7.05767 4.81999 7.35501C5.09266 7.95634 5.54133 8.59301 6.13333 9.18301C6.27599 9.32501 6.41599 9.46767 6.56666 9.60034C7.30225 10.248 8.17883 10.715 9.12666 10.9643L9.50533 11.0223C9.62866 11.029 9.75199 11.0197 9.87599 11.0137C10.0702 11.0037 10.2597 10.9511 10.4313 10.8597C10.5186 10.8147 10.6038 10.7658 10.6867 10.713C10.6867 10.713 10.7153 10.6943 10.77 10.653C10.86 10.5863 10.9153 10.539 10.99 10.461C11.0453 10.4037 11.0933 10.3363 11.13 10.2597C11.182 10.151 11.234 9.94367 11.2553 9.77101C11.2713 9.63901 11.2667 9.56701 11.2647 9.52234C11.262 9.45101 11.2027 9.37701 11.138 9.34567L10.75 9.17167C10.75 9.17167 10.17 8.91901 9.81533 8.75767C9.77821 8.74147 9.73845 8.73221 9.69799 8.73034C9.65238 8.72566 9.60629 8.73079 9.56283 8.74539C9.51936 8.76 9.47953 8.78373 9.44599 8.81501C9.44266 8.81367 9.39799 8.85167 8.91599 9.43567C8.88833 9.47285 8.85022 9.50094 8.80653 9.51638C8.76284 9.53181 8.71554 9.53389 8.67066 9.52234C8.62723 9.5107 8.58468 9.49599 8.54333 9.47834C8.46066 9.44367 8.43199 9.43034 8.37533 9.40634C7.99271 9.23937 7.63845 9.01377 7.32533 8.73767C7.24133 8.66434 7.16333 8.58434 7.08333 8.50701C6.82105 8.25583 6.59248 7.97168 6.40333 7.66167L6.36399 7.59834C6.33574 7.55578 6.3129 7.50988 6.29599 7.46167C6.27066 7.36367 6.33666 7.28501 6.33666 7.28501C6.33666 7.28501 6.49866 7.10767 6.57399 7.01167C6.64733 6.91834 6.70933 6.82767 6.74933 6.76301C6.82799 6.63634 6.85266 6.50634 6.81133 6.40567C6.62466 5.94967 6.43133 5.49567 6.23266 5.04501C6.19333 4.95567 6.07666 4.89167 5.97066 4.87901C5.93466 4.87501 5.89866 4.87101 5.86266 4.86834C5.77313 4.86389 5.68342 4.86478 5.59399 4.87101L5.72799 4.86567L5.72866 4.86634Z\" fill=\"currentColor\"/>\n</svg>","data":{"insideRTE":false,"search":{"exclude":true},"embed":{"type":"html","meta":{"html":"<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\" viewBox=\"0 0 16 16\" fill=\"none\">\n  <path d=\"M8.00066 1.33301C11.6827 1.33301 14.6673 4.31767 14.6673 7.99967C14.6673 11.6817 11.6827 14.6663 8.00066 14.6663C6.82251 14.6682 5.6651 14.3565 4.64733 13.763L1.33666 14.6663L2.23799 11.3543C1.64406 10.3363 1.33203 9.17834 1.33399 7.99967C1.33399 4.31767 4.31866 1.33301 8.00066 1.33301ZM5.72866 4.86634L5.59533 4.87167C5.50901 4.87693 5.42465 4.89961 5.34733 4.93834C5.27501 4.97929 5.20899 5.03049 5.15133 5.09034C5.07133 5.16567 5.02599 5.23101 4.97733 5.29434C4.73074 5.61494 4.59798 6.00855 4.59999 6.41301C4.60133 6.73967 4.68666 7.05767 4.81999 7.35501C5.09266 7.95634 5.54133 8.59301 6.13333 9.18301C6.27599 9.32501 6.41599 9.46767 6.56666 9.60034C7.30225 10.248 8.17883 10.715 9.12666 10.9643L9.50533 11.0223C9.62866 11.029 9.75199 11.0197 9.87599 11.0137C10.0702 11.0037 10.2597 10.9511 10.4313 10.8597C10.5186 10.8147 10.6038 10.7658 10.6867 10.713C10.6867 10.713 10.7153 10.6943 10.77 10.653C10.86 10.5863 10.9153 10.539 10.99 10.461C11.0453 10.4037 11.0933 10.3363 11.13 10.2597C11.182 10.151 11.234 9.94367 11.2553 9.77101C11.2713 9.63901 11.2667 9.56701 11.2647 9.52234C11.262 9.45101 11.2027 9.37701 11.138 9.34567L10.75 9.17167C10.75 9.17167 10.17 8.91901 9.81533 8.75767C9.77821 8.74147 9.73845 8.73221 9.69799 8.73034C9.65238 8.72566 9.60629 8.73079 9.56283 8.74539C9.51936 8.76 9.47953 8.78373 9.44599 8.81501C9.44266 8.81367 9.39799 8.85167 8.91599 9.43567C8.88833 9.47285 8.85022 9.50094 8.80653 9.51638C8.76284 9.53181 8.71554 9.53389 8.67066 9.52234C8.62723 9.5107 8.58468 9.49599 8.54333 9.47834C8.46066 9.44367 8.43199 9.43034 8.37533 9.40634C7.99271 9.23937 7.63845 9.01377 7.32533 8.73767C7.24133 8.66434 7.16333 8.58434 7.08333 8.50701C6.82105 8.25583 6.59248 7.97168 6.40333 7.66167L6.36399 7.59834C6.33574 7.55578 6.3129 7.50988 6.29599 7.46167C6.27066 7.36367 6.33666 7.28501 6.33666 7.28501C6.33666 7.28501 6.49866 7.10767 6.57399 7.01167C6.64733 6.91834 6.70933 6.82767 6.74933 6.76301C6.82799 6.63634 6.85266 6.50634 6.81133 6.40567C6.62466 5.94967 6.43133 5.49567 6.23266 5.04501C6.19333 4.95567 6.07666 4.89167 5.97066 4.87901C5.93466 4.87501 5.89866 4.87101 5.86266 4.86834C5.77313 4.86389 5.68342 4.86478 5.59399 4.87101L5.72799 4.86567L5.72866 4.86634Z\" fill=\"currentColor\"/>\n</svg>","div":false,"iframe":false,"script":false}}}},{"_id":"66075bce-8b28-e197-8b0c-3d0cdec01a67","type":"HtmlEmbed","tag":"div","classes":["a83fb99e-7057-cd42-aa61-004fdff40632"],"children":[],"v":"<!-- [Attributes by Flowscriipt] Share to Social -->\n<script src=\"https://cdn.jsdelivr.net/gh/manuelogomigo/flowscriipt/social-share/script.js\"></script>","data":{"search":{"exclude":true},"embed":{"type":"html","meta":{"html":"<!-- [Attributes by Flowscriipt] Share to Social -->\n<script src=\"https://cdn.jsdelivr.net/gh/manuelogomigo/flowscriipt/social-share/script.js\"></script>","div":false,"iframe":false,"script":true,"compilable":false}},"insideRTE":false}},{"_id":"5fc3ebd9-736f-c8b4-d684-699811e430c5","type":"HtmlEmbed","tag":"div","classes":[],"children":[],"v":"<!-- [Attributes by Flowscriipt] Share to Social -->\n<script src=\"https://cdn.jsdelivr.net/gh/manuelogomigo/flowscriipt/social-share/script.js\"></script>","data":{"insideRTE":false,"search":{"exclude":true},"embed":{"type":"html","meta":{"html":"<!-- [Attributes by Flowscriipt] Share to Social -->\n<script src=\"https://cdn.jsdelivr.net/gh/manuelogomigo/flowscriipt/social-share/script.js\"></script>","div":false,"iframe":false,"script":true,"compilable":false}}}},{"_id":"141ca1d9-27b3-9b96-7b0d-a8fe2717191e","type":"Block","tag":"div","classes":["cb66b330-f923-23d0-7bd2-59d33b83ca95","16e614a1-132f-752c-1b0f-764cdc9ce2f7"],"children":["141ca1d9-27b3-9b96-7b0d-a8fe2717191f","141ca1d9-27b3-9b96-7b0d-a8fe27171920","141ca1d9-27b3-9b96-7b0d-a8fe27171922","141ca1d9-27b3-9b96-7b0d-a8fe27171923","141ca1d9-27b3-9b96-7b0d-a8fe27171925"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"141ca1d9-27b3-9b96-7b0d-a8fe2717191f","text":true,"v":"This component will only work"},{"_id":"141ca1d9-27b3-9b96-7b0d-a8fe27171920","type":"Strong","tag":"strong","classes":[],"children":["141ca1d9-27b3-9b96-7b0d-a8fe27171921"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"141ca1d9-27b3-9b96-7b0d-a8fe27171921","text":true,"v":" "},{"_id":"141ca1d9-27b3-9b96-7b0d-a8fe27171922","text":true,"v":"on the published/exported site. Full documentation in Flowscriipt "},{"_id":"141ca1d9-27b3-9b96-7b0d-a8fe27171923","type":"Link","tag":"a","classes":[],"children":["141ca1d9-27b3-9b96-7b0d-a8fe27171924"],"data":{"search":{"exclude":false},"xattr":[],"block":"","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"target":"_blank","href":"http://finsweet.com/","id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external","url":"https://www.flowscriipt.com/library/share-to-social-media","target":"_blank"}}},{"_id":"141ca1d9-27b3-9b96-7b0d-a8fe27171924","text":true,"v":"Library docs"},{"_id":"141ca1d9-27b3-9b96-7b0d-a8fe27171925","text":true,"v":"."}],"styles":[{"_id":"b3abcb7d-1bf6-8fc5-d1d0-16e76b9acaa6","fake":false,"type":"class","name":"social-wrapper 2","namespace":"","comb":"","styleLess":"display: flex; flex-direction: column; justify-content: center; align-items: center; grid-auto-columns: 1fr; grid-column-gap: 1rem; grid-row-gap: 16px; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: auto auto;","variants":{},"children":[],"createdBy":"61f476eebc83e27188ab6890","selector":null},{"_id":"52057a9a-9255-3020-ec24-9e8aebbd934a","fake":false,"type":"class","name":"social-card 2","namespace":"","comb":"","styleLess":"display: flex; padding-top: 2em; padding-right: 2em; padding-bottom: 2em; padding-left: 2em; flex-direction: column; justify-content: space-between; grid-row-gap: 2rem; border-top-left-radius: 0.75em; border-top-right-radius: 0.75em; border-bottom-left-radius: 0.75em; border-bottom-right-radius: 0.75em; background-color: hsla(215.9999999999998, 0.00%, 100.00%, 1.00); transition-property: box-shadow, transform, border-radius; transition-duration: 400ms, 400ms, 400ms; transition-timing-function: ease, ease, ease; color: hsla(216, 10.64%, 9.22%, 1.00); font-weight: 500;","variants":{"main_hover":{"styleLess":"border-top-left-radius: 2em; border-top-right-radius: 2em; border-bottom-left-radius: 2em; border-bottom-right-radius: 2em; box-shadow: 0 4px 8px 0 hsla(0, 0.00%, 0.00%, 0.03); transform: translate(0px, -4px);"},"medium":{"styleLess":"padding-top: 1.5em; padding-right: 1.5em; padding-bottom: 1.5em; padding-left: 1.5em;"},"small":{"styleLess":"min-height: 17.5em;"}},"children":["cfa00e67-a95c-cc0f-8a68-ea7b7172582c"],"createdBy":"61f476eebc83e27188ab6890","selector":null},{"_id":"26212e18-9c79-5e18-37bf-5c944756303f","fake":false,"type":"class","name":"social-icon","namespace":"","comb":"","styleLess":"width: 2rem; height: 2rem;","variants":{},"children":[],"createdBy":"61f476eebc83e27188ab6890","selector":null},{"_id":"a83fb99e-7057-cd42-aa61-004fdff40632","fake":false,"type":"class","name":"Don't Delete","namespace":"","comb":"","styleLess":"display: none;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"cb66b330-f923-23d0-7bd2-59d33b83ca95","fake":false,"type":"class","name":"component_message","namespace":"","comb":"","styleLess":"color: hsla(0, 0.00%, 60.78%, 1.00);","variants":{},"children":["16e614a1-132f-752c-1b0f-764cdc9ce2f7"],"selector":null},{"_id":"16e614a1-132f-752c-1b0f-764cdc9ce2f7","fake":false,"type":"class","name":"is-1","namespace":"","comb":"&","styleLess":"color: hsla(216, 10.64%, 9.22%, 1.00);","variants":{},"children":[],"createdBy":"61f476eebc83e27188ab6890","selector":null}],"assets":[],"ix1":[],"ix2":{"interactions":[{"id":"i-559","interactionTypeId":"MOUSE_CLICK_INTERACTION","eventIds":["e-1013","e-1014"],"target":"651122c02b84173bde4df824|a2289602-0bbb-7da9-bec5-65ced4e25215","createdOn":1695621825802}],"events":[{"id":"e-1013","name":"","animationType":"preset","eventTypeId":"MOUSE_CLICK","action":null,"mediaQueries":["main","medium","small","tiny"],"target":{"id":"651122c02b84173bde4df824|a2289602-0bbb-7da9-bec5-65ced4e25215","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1695621825802},{"id":"e-1014","name":"","animationType":"preset","eventTypeId":"MOUSE_SECOND_CLICK","action":null,"mediaQueries":["main","medium","small","tiny"],"target":{"id":"651122c02b84173bde4df824|a2289602-0bbb-7da9-bec5-65ced4e25215","appliesTo":"ELEMENT","styleBlockIds":[]},"targets":[],"config":{"loop":false,"playInReverse":false,"scrollOffsetValue":null,"scrollOffsetUnit":null,"delay":null,"direction":null,"effectIn":null},"createdOn":1695621825802}],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}

Similar Components

Onboarding 2 - Multiforms
Multi-forms
Feedback Widget 2
Multi-forms
Input Stepper (Increase & Decrease)
Multi-forms
View all Components
Beta Testing

Get Flowscriipt Pro

Free
$0
What you'll get:
Access to Only Free Libraries
Community Support
Access to ChatGPT Prompts for webflow
Webflow Components
Lifetime Access & Updates
Access to all Pro Libraries
Sign up
No Credit Card Required
Monthly Plan
$17
$37
What you'll get:
Access to all Pro Libraries
Lifetime Access & Updates
Private Support
Access to ChatGPT Prompts for webflow
Webflow Components
Cancel Anytime
Lifetime deal
$97
$127
What you'll get:
Access to all Pro Libraries
Lifetime Access & Updates
Private Support
Access to ChatGPT Prompts for webflow
Webflow and HTML Components
Discounts on Flowscriip Products
Popular
$70 off till Nov 31st
Affiliate - 35% Commission
Join Flowscriipt Affiliate Campaign and get 35% commission sharing flowscriipt to your clients - Paid Orders
Become an Affiliate

Frequently asked Questions

Hosting outside webflow, can I still use it?

Yes, as long as you add the attributes in the docs to your html attributes it will work just as webflow.

Can I get a refund?

Yes! You can request a refund within 7 days of your purchase. Reach out on Twitter or by email at manuel@flowscriipt.com

If I purchase just one Pro Library, do I have access to the rest?

If you purchase just one pro library eg, Flowscriipt Forms you'd only have access to the multiform library.

Do you provide support?

Absolutely, I'd love to hear any feedback or question you might have. Just reach out to me on my twitter or email — don't hesitate!

Do I get updates if I purchase lifetime?

Yeah sure, you have access to new updates and new library if you purchase the lifetime deal.

Is Flowscriipt Free?

Yeah there are free libraries to add functionalities to your Webflow site, and take it to the next level with the pro library.

Is any coding knowledge required?

Absolutely none! But two things are needed though COPY & PASTE :)