An Overview of Webflow's New Release

I've been a Webflow user since 2017, and one of the most thrilling moments during my journey was when Finsweet hosted a livestream discussing the release of Webflow apps.

The chat was buzzing with excitement as we all eagerly anticipated learning more about how these apps would enhance the Webflow experience, benefiting users and making a significant impact on the entire Webflow ecosystem.

Webflow is a web design and development platform that allows users to create websites and web applications visually, without needing to write code.

It provides a user-friendly interface where you can design and customize your website's layout, style, and functionality using a drag-and-drop approach.

Webflow also offers hosting services, making it a comprehensive solution for designing, building, and launching websites.

It is popular among designers and developers for its flexibility and the ability to create responsive and interactive websites without extensive coding knowledge.

Webflow has recently made major updates to its applications and developer API.

These modifications are not merely evolutionary--they’re revolutionary.

Let's delve into the upgrades and grasp their significance for the Webflow community.

Click here to try webflow for free!

What's New in Webflow's New Release?

The latest Webflow and API upgrades improve the experience for every user.

The major updates in the visual development platform include the streamlined Webflow Designer, transparent app authorization, seamless integrations, app extensions, and more. 

1. Effortless Integrations to Apps

The Webflow app marketplace offers a thriving ecosystem that benefits all parties involved, including users, freelancers, and developers.

The apps provide a significant increase in the functionalities of your website with no coding.  

Webflow has expanded the integration capabilities of apps, which now encompasses crucial features like forms, the asset manager, and custom code.

This enhancement empowers you to create even more robust integrations with the key components of your stack, whether it's your CMS, marketing automation tools, or analytics platforms.

The update introduces the App extension within the Webflow Designer.

The most recent update brings more than 20 new Apps to the Webflow Marketplace, collaborating with partners such as HubSpot, Unsplash, Finsweet, Typeform, Jasper AI, and many others. 

Here's a brief glimpse of some of the newly available Apps in Webflow.

HubSpot Integration Upgrade

Experience the latest and enhanced HubSpot integration, now accessible to all Webflow users.

Incorporate and customize HubSpot forms within the designer, effortlessly implement HubSpot chatbots, and establish a seamless connection between your HubSpot assets and your Webflow website.

Unsplash: Simplifying Image Integration

‍

The Unsplash app stands out for its remarkable efficiency in streamlining stock image utilization.

You no longer need to go through the hassle of downloading, uploading, and formatting images. Instead, you can effortlessly search and directly incorporate them into your project.

You can explore Unsplash's extensive library of over 5 million images directly within the Webflow Designer, effortlessly adding stunning visuals to your design projects.

Jasper AI: Enhancing Content Generation

Jasper AI stands as a formidable innovation.

This application harnesses the power of artificial intelligence to enhance your website's written content, streamlining the content creation process.

You can use Jasper to introduce AI-powered, brand-consistent content to your Webflow site.

It allows you to swiftly tailor the length of your web text, harmonize content with your brand's tone and aesthetic, and effortlessly adapt your site content for various languages or target audiences.

Memberstack: Streamlining the Website Management Process

Whether you want to incorporate restricted content, membership systems, or user accounts into your Webflow site, Memberstack effortlessly integrates these functionalities.

This application removes the necessity for adding custom attributes, streamlining the process.

Memberstack allows you to gain access to data attributes within Webflow.

This enables you to seamlessly incorporate secure and encrypted user authentication methods such as Facebook, Google, email login, and more.

Additionally, you can effortlessly configure Stripe billing and checkout on your website.

Typeform Integration: Seamlessly Incorporate Typeforms into Webflow

Typeform is a new feature that allows you to incorporate stunning, interactive, multi-step forms into your Webflow site.

You can achieve this without the need for designer resources.

Typeform allows you to create beautiful and engaging online forms, surveys, quizzes, and more.

By integrating Typeform and Webflow, you can embed your forms into your Webflow site and collect data from your visitors in a seamless way.

There are different ways to integrate Typeform and Webflow, depending on your needs and preferences.

Here are some of the options:

• You can use a Typeform link that links out from your Webflow website. This is the simplest way to share your typeform, but it will take your visitors away from your site. You can use a button or a link block element in Webflow to create a link to your typeform.
• Use a full-page Typeform embed on your Webflow website. This will display your typeform in the entire browser window, creating a distraction-free experience for your visitors. However, you may need to adjust the CSS of the Webflow page so that your form displays properly.
• The pop-up form that opens when your visitors click on a button or a link on your Webflow website. This will show your typeform in a modal window that overlays the current page, allowing visitors to stay on your site while filling out your form.
• You can use an embedded form in a div block that shows your typeform within a section of your Webflow website. This will let you customize the size and position of your typeform and the surrounding elements on your page.

To integrate Typeform and Webflow, you will need to generate an embed code from Typeform and paste it into an embed element in Webflow.

You can also check out this video for a visual guide.

Monto: Streamlined Ecommerce App Suite

Monto offers a user-friendly e-commerce app suite to enhance your online store.

The suite includes a range of features such as Product Reviews, Abandoned Cart Recovery, Subscriptions, Multi-Currency Converter, and Affiliates and referrals,  all designed to optimize your e-commerce website. 

By integrating Monto and Webflow, you can enhance your online store and boost your sales with these apps.

There are different ways to integrate Monto and Webflow, depending on the app you want to use.

Here are some of the steps. 

• Create a Monto account and connect it to your Webflow site. You can sign up at Monto.io and follow the instructions to authenticate with Webflow and select your store.
• Paste a script code into your Webflow page’s header. This code will enable Monto to work with your site. You can find the code in the Monto dashboard or the app setup guide.
• Configure the app settings in the Monto dashboard. You can customize each app's appearance, behavior, and functionality according to your preferences.

Integrating with Monto lets you publish your Webflow site and test the app on your live site.

You can also monitor the app performance and analytics in the Monto dashboard.

Make: Bridge Webflow with Diverse Data Sources

Make facilitates the seamless connection of Webflow with various data sources, simplifying data transfer and transformation tasks.

‍The app allows you to connect Webflow with thousands of other apps and automate tasks between them.

With Make, you can send information between Webflow and any app in the Make library or use the generic HTTP app to connect to any app or service with an API.

You can also use Make’s no-code toolkit to create custom logic and functions for your workflows.

To integrate Make and Webflow, you will need to create a Make account and connect it to your Webflow site.

You will also need to paste a script code into your Webflow page’s header to enable Make to work with your site.

You can then create your workflows from various triggers, actions, and searches.

Finsweet Table: Crafting Semantic HTML Tables

Next up is Finsweet Table, a valuable tool for effortlessly creating semantic HTML tables.

But first, I would like to express my endless love towards finsweet.

If you are new to webflow just learn the client-first by finsweet and thank me later.

Back to finsweet table, these tables offer advantages such as improved SEO performance and enhanced design flexibility.

You can manually import data from spreadsheets or construct tables, seamlessly inserting them into your web pages.

Using Finsweet's newest tool you can create meaningful HTML <table> elements.

The tool allows you to simply copy and paste or upload a CSV file to generate, modify, and customize a table directly within Webflow.

2. Unlock the Potential of Apps within the Webflow Designer

With the latest update, you can seamlessly access and utilize Apps directly within the Designer interface.

This simplifies the process of discovering and utilizing Webflow Apps and opens up exciting possibilities for enhancing your workflow in the Designer. 

You can now effortlessly incorporate and modify site elements like forms, images, and text in real-time, thanks to the revamped Webflow Designer.

3. Enhanced Clarity in Authorization and Permissions

The new release of Webflow includes a refined installation and authorization process that enables teams to meticulously review and consent to specific permissions when installing an App to a site or workspace.

This added layer of transparency instills greater confidence in the process.

The latest Webflow release has introduced scopes, enabling you to precisely specify the permissions required by your app.

This ensures that our users maintain greater authority over the data an application can access on their behalf and the actions it can perform.

4. Designer Extensions: Unleash the Potential of APIs in the Webflow Designer

The latest release of Webflow introduces a revolutionary component known as "Designer Extensions."

The feature allows you to harness the capabilities of Apps within the Webflow Designer. 

Utilizing a set of official Webflow Designer APIs, Designer Extensions empower your app to engage directly with a site's Canvas, delivering a seamless, native user experience. 

To complement the enhanced functionalities of Designer Extensions, the latest update introduces a V2 version of the REST APIs, featuring four additional APIs that provide enhanced integration with Webflow's fundamental components, including Assets, Pages, Forms, and Custom Code.

Conclusion

The fresh additions to Webflow ensure a more comprehensive and robust Webflow toolkit.

The latest Webflow update puts the spotlight on innovative apps such as Unsplash, Finsweet Table, Memberstack, and more.  

With App extension, third-party applications can now be seamlessly incorporated into your Webflow experience.

The new dedicated app marketplace allows in-depth exploration for improving the online functionality of your website apps.

Click here to try webflow for free!

Sources

1. https://webflow.com/blog/webflow-apps

2. https://www.connorfinlayson.com/blog/webflow-apps-reviewing-webflows-biggest-update-this-year

‍