Story: Function > Visual
I am using Webflow to make an interactive website without coding, beyond the limits of WordPress. I have focused on visual design for a while, but for a client project, I need more backend knowledge, membership, booking, subscription form, E-commerce, etc.
In this blog, I gather a bunch of integration tutorials.
What is Webflow?
🌎 Webflow: The Web Development Platform Of The Future
Webflow is created for a designer who is not good at programming. Once you master Webflow, you can develop an interactive website yourself.
Integrating Mailchimp and Webflow
©Webflow
Mailchimp is the All-In-One integrated marketing platform for small businesses, to grow your business on your terms.
– Audience tab > Create audience > View contacts > Signup forms > Embedded forms > Copy on Form action=”copy this code”
*Field tag should be matched.
Add a calendar to your site with Calendly — Webflow tutorial
©Webflow
Calendly helps you schedule meetings without the back-and-forth emails.
– Signup at Calendly
– Inline embed
– Popup widget, paste on page setting, Before /body tag
– Popup text
Webflow + Zapier: Gated Downloadable Content
©Flux
Zapier moves info between your web apps automatically, so you can focus on your most important work.
– Create a form
– Unique name
– Create a Zapier account
– Submit a date in the form
– Set response email at Zapier
Using Webflow with Zapier – Intro tutorial – Stream clip
©pixelgeek
How Zapier works: Automation that works for you. We believe automation should be easy, because everyone deserves to work smarter—not harder.
TBA
Build a CSS grid-based Instagram gallery
©Webflow
– Create a collection > Add image field
– Connect to Instagram account at Zapier
– Connect to Webflow
– Layout collection on Webflow
– CSS Grid
I understand how it works and it looks nice.
Embed a WhatsApp chat widget into your site using Elfsight
©Webflow
Elfsight widgets help 300,000+ website owners to increase sales, engage visitors, collect leads and more. Save your time and money with ready-to-use solutions and grow your business faster!
Elfsight: 70+ Website Widgets – To Grow Your Business – Elfsight Apps
Add a LiveChat widget to your site
©Webflow
Bringing LiveChat and Webflow together will help to streamline the communication flow between you and your customers. Easily add a live chat feature to your website to converse with visitors and build a long-standing relationship with your customers.
LiveChat: Live Chat Software and Chat Support Software
Webflow Live Chat – LiveChat Integrations
How to dynamically embed SoundCloud songs with Webflow CMS
©Webflow
Webflow Blog: A beginner’s guide to embedding podcasts with Webflow
Webflow University: SoundCloud
How to build a membership site with Webflow
©Mackenzie Child
TBA
Embed Airtable forms in Webflow — web design tutorial
©Webflow
Airtable is a low-code platform for building collaborative apps. Customize your workflow, collaborate, and achieve ambitious outcomes. Get started for free.
Managing customer data using Segment — Webflow integration tutorial
©Webflow
Segment is a customer data platform (CDP) that helps you collect, clean, and control your customer data.
Segment: Customer Data Platform (CDP)
Embed Typeform into Webflow
©Webflow
Typeform is a Barcelona-based online software as a service company that specializes in online form building and online surveys. Turn a list of questions into a conversation. And get better data to fuel your business.
Typeform: People-Friendly Forms and Surveys
Google Tag Manager
©Webflow
Manage all your website tags without editing code. Google Tag Manager delivers simple, reliable, easily integrated tag management solutions – for free.
Google Tag Manager: Google Marketing Platform
Add inline share buttons with ShareThis
©Webflow
ShareThis is a technology company that provides free engagement and growth tools for site owners. Their tools allow the sharing of content across 40+ social channels and are used by over three million publishers globally.
A/B Testing With Webflow (in 5 Minutes!)
©Flux
Share your project and invite collaborators
©Webflow
I don’t think many freelancers have a team account, but when I collaborate with a programmer, or I ask the copywriting to the client, this is convenient.
Conclusion: Make it possible
So many ways to integrate many services. Future clients may ask me for specific functions. I can respond confidently if I know.
To be honest, I(or designer) need to create these products as well as a website. Create once, disrupt forever. Make a product as well as a service. It’s the theme in 2021.
