Embed Webflow: You want to think bigger. Being satisfied with a basic site created on Webflow, it's not for you anymore. It's true that it's already beautiful, efficient... but you know that you can still do better. You can still make it "more professional" than it already looks.

Now, there are different kinds of webflow embeds: forms, social networks, media, notices, ads, etc. How is it different from the elements created manually on the site? Indeed, you can create a form manually via the Webflow interface. You can add media, or direct users to external links for ads or polls...

#embed #embedwebflow #code #webflow

🌈 Survey

If I ask you to choose between using a URL or an embed code, which one do you prefer?

URL, easy to use!

Code embed, more advantageous in my opinion.

it depends on the context

Don't hesitate to give your opinion in comments 🌈❤️

If you still don't know what the difference is between a webflow embed code and a URL, pay attention to the following:

Contents

Embed code vs URL

When to use an embed code

The 10 Webflow embeds

1. Forms
2. Audio
3. Instagram
4. Testimonials
5. Facebook
6. Video
7. Survey
8. Ads & Affiliate Links
9. Comment
10. Airtable

Conclusion

Is there anything missing?

Embed Webflow vs URL

The main difference is where the data is located and how it is updated afterwards.

For the URL, the file is linked to the source file (data stored in the source file, and therefore, updated in the source file itself) while for the embed, the file is integrated with the source file (data stored in the file, and therefore, no link with the source file).

I admit that it is a bit complicated, but as you read on, you will see that it will become clearer.

When to use an embed code?

These are usually the complex files that are integrated on a site or a blog: social networks, forms, surveys, etc. (we will come back to this later).

It is a way for you or your customers to enhance their image, to show their professionalism. Instead of directing visitors, customers and prospects to an external link, the file or social network is immediately accessible on your site.

Let's take the case of social networks in particular. By integrating them on your site, you have more chances to gain more visitors and then, followers. This way, you increase your community, a good way to promote your business.

As for the embed webflow code that is used to collect information from Internet users, it is very practical. Imagine that you are asked to fill out a form or to participate in a survey, but that the file to be filled out is external to the site. It will take you more time, so you will be lazy to participate in the end. On the other hand, if the file is on the site, easy to access and functional, you will have no trouble. 🤓

Also think of embed codes as an opportunity to connect with users. It's not the same thing with URLs.

Now that you can measure the impact of embed codes, all that's left is to know which different embeds match with a webflow site, and then also how to integrate them. 👇

The 10 Webflow embeds

1. Embed webflow : Forms

The integration of forms on a webflow site plays an important role in inbound marketing. If the site owner has previously managed to gather several regular visitors, the forms (newsletter registration, ebook download, etc.) will do the rest of the work.

Only, they are not simple forms. They have to be linked to a mailing list, thanks to services like Mailchimp, and by the embed code. In general, these forms are customizable, so that they match the design of the whole site (unlike links).

Can Mailchimp be integrated on a Webflow site? Indeed, thanks to Mailchimp HTML Embed.

Mailchimp HTML embed

Mailchimp is linked to a mailing list (grouping the email addresses you managed to obtain via the form), as I explained to you earlier. Hence the possibility to send content to all those who have subscribed.

But if you want your emails to really convert your prospects into customers, you can't send just any email. First, you have to be regular in sending them. Then, I advise you to create original content, which is not necessarily visible on your site. At times, it would be even better to accompany them with ebooks, to invite followers to a webinar, to organize a promotion...

Here is an example of a website built on Webflow, and which integrates a registration form for its slack channel, but also a subscription form for their newsletter, on their website: BYLU (Boss Your Life Up).

- Send an ebook

Receiving an ebook as a gift always makes people happy! That's why you should send some, maybe in your welcome or introduction email? But what should it contain? As long as you show you're an expert in your field, it can do the trick (a guide, for example).

- Host a Webinar

Some people prefer to stay in their comfort zone, but that's not necessarily the case for everyone. There are those who enjoy participating because it's an opportunity to be part of an audience that shares something in common, something they care about. Others see webinars as a way to see who is behind the brand (yes, seeing each other in real time is always better). This instills confidence in them, which plays an even more important role in their conversion process.

- Make a promotion

People have signed up for your newsletter, don't you think you should also reward them with a discount or promo code for their next purchase? They're not the only ones to come out ahead, so don't worry. You'll have gained loyal customers too. If they benefit from a promotion, they will have one more reason to come back to your site to make a purchase or use a service.

2. Embed Webflow Audio

Not only forms can be integrated on a website. Multimedia content also has its place, including audio files. Are there still those who are interested in audio content? Of course there are! They allow for a deeper connection with Internet users.

Back to BYLU (Boss Your Life Up), the site also integrates audio content. It uses an integrated player. And since it's "embedded" and not linked by a URL, users will have the option to go to the original podcast platform. There is even a good chance that they will follow you on the platform.

There is also DreamLife Beats, another site designed on Webflow that presents audio excerpts of his work at the top of his website.

3. Embed code: Instagram

Let's take the example of DreamLife Beats. Apart from the audio clips embedded on his website, he also displays his instagram posts (images and videos). It's hard for his potential customers to miss his skills; indeed, not only does he put a video presentation there, but his other posts show how good he is at his job as a music producer.

Here, DreamLife Beats used the Elfsight widget widget for instagram integration.

Let's say that an internet user who also uses instagram goes to your website, and finds your account on his way. If he likes what you do, he won't hesitate for a second to follow you on Instagram. And one more prospect!

4. Embed Webflow:Testimonials on a Webflow site

On most of the professional websites, you can find testimonials from their customers. Do you know why? Well, it's not just a formality. They were put in place for a reason: to build brand awareness . Just seeing that your clients trust you and admire your work gives your other potential clients reasons to work with you. Once a project is completed, they will be driven to do the same as others, i.e., give feedback on your site.

There are several ways to insert testimonials on a site, but the best way is obviously embedding them. The reviews you receive on Yelp will then appear on your site. I also recommend the Elfsight widget. The principle remains the same: copy a code and paste it on the part of your site where you want the testimonials to be displayed.

5. Embed Webflow: Facebook & Twitter

Again with Elfsight, you can embed your social media posts on your site, in a strategic location. Visitors to your site will see them as an invitation to become part of your network. If you want to optimize their presence, I advise you to publish only effective content.

6. Embed Webflow: Embedded video content

This feature is very interesting for those who are active on YouTube or Vimeo. The objective is of course to get as many views as possible. By inserting your videos on your website, it will allow visitors to discover you on your channel, and why not, to subscribe to it.

I know some sites that stuff their site with videos thanks to the embed code. Uploading videos directly on a site is a very bad idea, because it weighs down the server. This creates an impact on the loading speed of the site and its SEO.

Now we just have to see how to integrate a video on a Webflow site.

It's very simple: Webflow has an integrated YouTube video function that you just have to drag on the screen; then, you just have to insert the link of the video in the dedicated part.

7. Embed Webflow: Integrated Polling

In order to improve the user experience on a site, it is best to conduct continuous analysis. Surveys are such an effective and yet simple way to implement a webflow site.

Indeed, surveys help you to get valuable information. Visitors to your site can answer them directly. It also comes naturally to them. Again, they don't need to be redirected to an external site.

On your side, you will not see the results of the survey as numbers. You will see them as people who have visited your site, and who have taken the trouble to answer your survey. Your decisions will be more adapted to your target.

When you create a survey, I remind you not to make it too long. Otherwise, people won't want to answer... So make sure you only ask the important questions. Also try to simplify the answers to save time to your target, and thus, encourage them to take the time to answer (MCQs would be welcome for example).

Let's get to the most important part: how to integrate a survey on a webflow site?

• My favorite (which you can see on this article too) is Typeform
• SurveyMonkey offers questionnaires that can be easily integrated into a Webflow site.
• There is also Wufoo. In addition to surveys, it also offers form integration.

All 3 can be customized.

8. Embed Webflow: Ads and affiliate links

Always with the aim of animating your site, the installation of advertisements is a very good idea. You can do it in 2 different ways:

• Using Google AdSense
• Using Carbon

Amazon affiliate links are also very popular. A great way to make money. But if you have a lot of followers, you will earn a lot more!

9. Embed Webflow: Comment "Disqus"

Allowing people to comment on some of your content gives them the opportunity to share their opinion. You can say that you are communicating (you and the visitors of your site). But managing comments is not necessarily easy... So Disqus has been set up to make it easier. And above all, it suits Webflow.

As soon as a comment is written on the site, you receive an email notification. You can then approve or reject this comment (indeed, there is spam that you must absolutely reject!). Moreover, Disqus has a spam filtering feature. For those who know Wordpress, the principle is the same as for Akismet.

As we always focus on webdesign, in webflow, I want to mention that the appearance of the comments is customizable with Disqus. What more could you ask for?

10. Embed Webflow: "Airtable".

Last but not least, Airtable! The good thing about it is that the data you receive via your site will not be stored on the site's server. This only makes it heavier, and then slows down the speed of the site.

Integrating Airtable into your site then allows the site to store the data at Airtable itself. At the same time, you will have access to many more project management features.

Conclusion

The principle of embed codes remains the same for all these types of embed:

1. copy a code given by the tool or the source software.
2. go to the Webflow site to paste it in a specific place.
3. To do this, you need to use the "embed" feature (just drag it onto the part where it will be placed).

In short, it's easy. A few seconds and 2 clicks, that's all you need. However, as I mentioned for each embed, the advantages are multiple! If only to have your site's server free.

It's true that I listed 10 different embeds for you:

1. Forms
2. Audio
3. Instagram
4. Testimonials
5. Facebook & Twitter
6. Videos
7. Survey
8. Ads & Affiliate Links
9. Comments
10. Airtable

However, you don't have to install them all on your site. Maybe you don't have a Twitter account yet or it's just not important enough for your business. You are more focused on building a community, so you need comment embeds?

It all depends on your project and your goals

Comment