HEY

Neem deel aan de volgende Webflow uitdaging

Embed Webflow : 10 Embedden die essentieel zijn voor Webflow om de gebruikerservaring te verbeteren

Afgezien van de voordelen van Webflow embedding. Bovenal helpen ze om een website nog professioneler te maken.

Bijgewerkt op

19/12/2020

Embed Webflow : 10 Embedden voor Webflow
Embed Webflow : 10 Embedden voor Webflow

Embed Webflow: Nu wil je groter zien. Content zijn met een basiswebsite gemaakt op Webflow is niet langer iets voor jou. Het is waar dat het al mooi en efficiënt is... maar je weet dat je het nog beter kan. Je kunt het nog steeds "professioneler" maken dan het er al uitziet.

Er zijn echter verschillende soorten webflow inbedding: formulieren, sociale netwerken, media, berichten, advertenties, enz. Wat is het verschil met de elementen die handmatig op de site worden gecreëerd? Inderdaad, u kunt een formulier handmatig aanmaken via de Webflow interface. U kunt media toevoegen, of directe gebruikers naar externe links voor advertenties of polls...

#embed #embedwebflow #code #webflow

🌈 Onderzoek

Als ik u vraag om te kiezen tussen het gebruik van een URL of embed code, welke heeft uw voorkeur?
URL, gemakkelijk te gebruiken!
Code embed, voordeliger naar mijn mening.
het hangt af van de context
Aarzel niet om uw mening te geven als commentaar. 🌈❤️

Als u nog steeds niet weet wat het verschil is tussen een webflow embed code en een URL, let dan op het volgende:

Samenvatting

Embed-code vs. URL's

Wanneer moet u de inbeddingcode gebruiken?

De 10 Webflow Embedded

  1. Formulieren
  2. Audio
  3. Instagram
  4. Getuigenissen
  5. Facebook
  6. Video
  7. Poll
  8. Advertenties & Affiliate Links
  9. Commentaar
  10. Luchttafel

Conclusie

Ontbreekt er iets?

Embed Webflow vs. URL

Het belangrijkste verschil is de locatie van de gegevens en hoe deze vervolgens worden bijgewerkt.

Voor de URL wordt het bestand gekoppeld aan het bronbestand (gegevens opgeslagen in het bronbestand, en dus bijgewerkt in het bronbestand zelf), terwijl voor het insluiten het bestand is ingesloten in het bronbestand (gegevens opgeslagen in het bestand, en dus geen link naar het bronbestand).

Ik geef toe dat het een beetje ingewikkeld is, maar als je het doorleest, zul je zien dat het duidelijker wordt.

Wanneer gebruik je een embedcode?

Dit zijn over het algemeen de complexe bestanden die op een site of blog zijn geïntegreerd: sociale netwerken, formulieren, polls, enz. (we komen hier later op terug).

Het is een manier voor u of uw klanten om hun imago te verbeteren, om hun professionaliteit te tonen. In plaats van bezoekers, klanten en prospects naar een externe link te leiden, is het bestand of sociale netwerk direct toegankelijk op uw site.

Laten we het geval van de sociale netwerken in het bijzonder nemen. Door ze op uw site te integreren, heeft u meer kansen om meer bezoekers en dan volgers te krijgen. U vergroot dan uw gemeenschap, een goede manier om uw activiteit meer te promoten.

Wat betreft de embed webflowcode die wordt gebruikt om informatie van internetgebruikers te verzamelen, deze is zeer praktisch. Stel je voor dat je gevraagd wordt een formulier in te vullen of deel te nemen aan een enquête, maar het in te vullen bestand bevindt zich buiten de site. Het zal langer duren, dus je voelt je niet op je gemak om aan het einde deel te nemen. Als het bestand echter op de site staat, gemakkelijk toegankelijk en functioneel is, zult u geen problemen hebben. 🤓

Zie de embedcode ook als een mogelijkheid om verbinding te maken met gebruikers. Het is niet hetzelfde met URL's.

Nu u de impact van de embedcodes kunt meten, hoeft u alleen maar te weten wat de verschillende embedcodes zijn die overeenkomen met een webflowwebsite, en vervolgens hoe u ze kunt integreren. 👇

Embed Webflow

De 10 Webflow Embedded

1. Embed webflow: Formulieren

De integratie van formulieren op een webflowsite speelt een belangrijke rol in de inkomende marketing. Als de eigenaar van de site er al eerder in geslaagd is om meerdere vaste bezoekers te verzamelen, zullen de formulieren (registratie van de nieuwsbrief, downloaden van het ebook, enz.) de rest doen.

Alleen, het zijn geen eenvoudige vormen. Ze moeten gekoppeld worden aan een mailinglijst, dankzij diensten als Mailchimp, en door de embedcode. Over het algemeen zijn deze formulieren aanpasbaar, zodat ze overeenkomen met het ontwerp van de hele site (in tegenstelling tot links).

Kan Mailchimp worden geïntegreerd op een Webflow-site? Inderdaad, dankzij Mailchimp HTML Embed.

Mailchimp HTML inbedden

Mailchimp is gekoppeld aan een mailinglijst (waarin de e-mailadressen die je via het formulier hebt gekregen, worden gegroepeerd), zoals ik al eerder heb uitgelegd. Vandaar de mogelijkheid om inhoud te sturen naar iedereen die zich er op heeft geabonneerd.

Maar als u wilt dat uw e-mails echt uw prospects in klanten omzetten , hoeft u niet zomaar een e-mail te sturen. Ten eerste moet je consequent zijn in je mailings. Ten tweede adviseer ik u om originele inhoud te maken, die niet noodzakelijkerwijs zichtbaar is op uw site. Soms is het zelfs beter om ze te vergezellen met e-boeken, om volgers uit te nodigen voor een webinar, om een promotie te organiseren...

Hier is een voorbeeld van een website gemaakt op Webflow, met een geïntegreerd inschrijvingsformulier voor het slappe kanaal, maar ook een inschrijvingsformulier voor hun nieuwsbrief, op hun site: BYLU (Boss Your Life Up).

- Stuur een e-boek

Het ontvangen van een ebook als cadeau maakt mensen altijd blij! Daarom moet je wat sturen, misschien in je welkomst- of introductiemail? Maar wat moet er in staan? Zolang je laat zien dat je een expert bent in je vakgebied, kan het (o.a. als gids).

- Het organiseren van een Webinar

Sommige mensen blijven liever in hun comfortzone, maar dat hoeft niet voor iedereen het geval te zijn. Sommigen vinden het leuk om deel te nemen omdat het een kans is om deel uit te maken van een publiek dat iets gemeenschappelijks deelt, iets dat hen na aan het hart ligt. Anderen zien webinars als een manier om te zien wie er achter het merk zit (ja, elkaar in real time zien is altijd beter). Dit wekt vertrouwen, wat een nog belangrijkere rol speelt in hun conversieproces.

- Bevorder

Mensen hebben zich geabonneerd op uw nieuwsbrief, vindt u niet dat u hen ook moet belonen met een korting of een promotiecode voor hun volgende aankoop? Ze zijn niet de enigen die winnen, dus maak je geen zorgen. Ook u zult trouwe klanten hebben gekregen. Als ze een promotie krijgen, hebben ze nog een reden om terug te komen naar uw site om een aankoop te doen of een dienst te gebruiken.

2. Embed Webflow Audio

Het zijn niet alleen formulieren die op een website kunnen worden geïntegreerd. Multimedia-inhoud heeft ook zijn plaats, onder andere audiobestanden. Zijn er nog steeds mensen die geïnteresseerd zijn in audio-inhoud? Natuurlijk zijn die er! Ze maken een diepere verbinding met internetgebruikers mogelijk.

Terug naar BYLU (Boss Your Life Up), de site bevat ook audio-inhoud. Het maakt dan gebruik van een geïntegreerde speler . En aangezien het "geïntegreerd" is en niet via een URL is gelinkt, kunnen internetgebruikers naar het originele podcastplatform gaan. Er is zelfs een goede kans dat ze je op het platform volgen.

Er is ook DreamLife Beats, een andere site die is ontworpen op Webflow en die audiofragmenten van zijn werk boven aan zijn website bevat.

3. Embed-code: Instagram

Laten we het voorbeeld van DreamLife Beats nemen. Naast de audiofragmenten die op zijn Webflow-website zijn geïntegreerd, legt hij ook zijn instagram-berichten (foto's en video's) bloot. Het is moeilijk voor zijn potentiële klanten om zijn vaardigheden te missen; inderdaad, niet alleen zet hij er een videopresentatie op, maar zijn andere berichten laten ook zien hoe getalenteerd hij is in zijn werk als muziekproducent.

Hier, DreamLife Beats gebruikte de Elfsight-widget voor instagramintegratie.

Laten we zeggen dat een gebruiker die ook instagram gebruikt, naar uw site gaat en uw account vindt op zijn weg. Als hij het leuk vindt wat je doet, zal hij geen seconde aarzelen om je te volgen op Instagram. En nog een vooruitzicht!

4. Embed Webflow:Getuigenissen op een Webflow-site

Op de meeste professionele websites vindt u getuigenissen van hun klanten. Weet je waarom? Nou, het is niet alleen een formaliteit. Als ze zijn opgezet, dan is dat om een specifieke reden: om hun bekendheid te vergroten . Alleen al het feit dat uw klanten u vertrouwen en uw werk bewonderen, geeft uw andere potentiële klanten redenen om met u te werken. Zodra een project is voltooid, worden zij aangemoedigd om te doen wat anderen doen, namelijk hun mening geven op uw site.

Er zijn verschillende manieren om getuigenissen in te voegen op een site, maar het beste is natuurlijk de embedcode. De beoordelingen die je op Yelp ontvangt, verschijnen dan op je site. Ik raad ook de Elfsight-widget aan. Het principe blijft hetzelfde: kopieer een code en plak deze op het deel van uw site waar u de getuigenissen wilt laten zien.

5. Embed Webflow: Facebook & Twitter

Mede dankzij Elfsight kunt u uw social media berichten integreren op uw site, op een strategische locatie. Bezoekers van uw site zien ze als een uitnodiging om deel uit te maken van uw netwerk. Als u hun aanwezigheid zoveel mogelijk wilt optimaliseren, adviseer ik u om alleen high-performance content te publiceren.

6. Embed Webflow: Embedded Video Content

Deze functie is zeer interessant voor degenen die actief zijn op YouTube of Vimeo. Het doel is natuurlijk om zoveel mogelijk standpunten te krijgen. Door uw video's op uw site in te voegen, kunnen bezoekers u op uw kanaal ontdekken, en waarom niet, zich erop abonneren.

Ik ken een aantal sites die hun site vullen met video's dankzij de insluitcode. Het rechtstreeks uploaden van video's naar een site is een zeer slecht idee, omdat het de server zwaarder maakt. Het creëert een impact op de snelheid van het laden van de site en zijn SEO.

Nu hoeven we alleen nog maar te kijken hoe we een video kunnen integreren op een Webflow-website.

Het is heel eenvoudig: Webflow heeft een ingebouwde YouTube-videofunctie die u eenvoudigweg naar het scherm kunt slepen; vervolgens hoeft u alleen maar de link van de video in het daarvoor bestemde gedeelte in te voegen.

7. Embed Webflow: Geïntegreerde enquête

Om de ervaring van internetgebruikers op een site te verbeteren, verdient het de voorkeur om continu analyses uit te voeren. Enquêtes zijn zo'n effectieve en toch eenvoudige manier om op een website te implementeren.

Enquêtes helpen u waardevolle informatie te verkrijgen. Bezoekers van uw site kunnen direct antwoord geven. Het komt ook op natuurlijke wijze bij hen op. Ook hier hoeven ze niet naar een externe site te worden doorverwezen.

Van uw kant wordt u niet geleid om de resultaten van de enquête als getallen te zien. U zult ze vooral zien als mensen die uw site hebben bezocht en die de tijd hebben genomen om uw enquête in te vullen. Uw beslissingen zullen relevanter zijn voor uw doelgroep.

Als je een peiling maakt, herinner ik je eraan dat je er niet te lang over moet doen. Anders zullen de mensen niet willen antwoorden... Zorg er dus voor dat je alleen de belangrijke vragen stelt. Probeer ook de antwoorden te vereenvoudigen om tijd te besparen voor uw doelgroep, en moedig ze dus aan om de tijd te nemen om te antwoorden (meerkeuzevragen zouden bijvoorbeeld welkom zijn).

Laten we het belangrijkste gedeelte behandelen: hoe integreer je een enquête op een webflowsite?

  • Mijn favoriet (die u ook op dit artikel kunt zien) is Typeform.
  • SurveyMonkey biedt vragenlijsten aan die gemakkelijk kunnen worden geïntegreerd in een Webflow-site.
  • Er is ook Wufoo. Naast enquêtes biedt het ook de integratie van formulieren.

Ze kunnen alle drie worden aangepast.

8. Webflow embedden: advertenties en affiliatelinks

Altijd met het doel uw site te animeren, is het opzetten van advertenties een zeer goed idee. Je kunt het op 2 verschillende manieren doen:

  • Gebruik van Google AdSense
  • Gebruik van Koolstof

Amazonelinks zijn ook erg populair. Een mooie manier om de eindjes aan elkaar te knopen. Maar als je veel volgers hebt, verdien je veel meer!

9. Embed Webflow: Commentaar "Schijven"

Mensen de mogelijkheid bieden om commentaar te geven op een deel van uw inhoud, geeft hen de mogelijkheid om hun mening te delen. U kunt zeggen dat u communiceert (u en uw websitebezoekers). Maar het beheer van opmerkingen is niet noodzakelijkerwijs gemakkelijk... Disqus is daarom opgezet om het gemakkelijker te maken. En vooral, het past bij Webflow.

Zodra er een commentaar op de site wordt geschreven, ontvangt u direct een e-mailbericht. U kunt deze opmerking dan goedkeuren of weigeren (er is inderdaad wat spam die u absoluut moet weigeren!). Bovendien heeft Disqus een spamfilterfunctie. Voor degenen die Wordpress kennen, is het principe hetzelfde als voor Akismet.

Omdat we ons altijd richten op webdesign, wil ik in webflow aangeven dat het uiterlijk van de commentaren aanpasbaar is met Disqus. Wat wil je nog meer?

10. Embed Webflow: "Airtable".

Last but not least, Airtable! Het mooie is dat de gegevens die u via uw site ontvangt niet op de server van de site worden opgeslagen. Dit maakt het alleen maar zwaarder, en vertraagt dan de snelheid van de site.

Door Airtable te integreren in uw site kan de site vervolgens de gegevens op Airtable zelf opslaan. Tegelijkertijd heeft u toegang tot veel meer projectmanagementfuncties.

Conclusie

Het principe van de inbeddingscodes blijft voor al deze vormen van inbedding hetzelfde:

  1. een bepaalde code uit de brontool of software te kopiëren.
  2. ga naar de Webflow site en plak het op een specifieke plaats.
  3. Om dit te doen, moet u de "embed" functie gebruiken (sleep het gewoon naar het deel waar het zal worden geplaatst).

Hoe dan ook, het is gemakkelijk. Een paar seconden en twee klikken, dat is alles wat je nodig hebt. Maar, zoals ik al zei voor elke inbedding, de voordelen zijn meervoudig! Als het alleen maar het feit is dat de server van uw site bevrijd is.

Het is waar dat ik je 10 verschillende inbeddingen heb genoemd:

  1. Formulieren
  2. Audio
  3. Instagram
  4. Getuigenissen
  5. Facebook & Twitter
  6. Video's
  7. Poll
  8. Advertenties & Affiliate Links
  9. Opmerkingen
  10. Luchttafel

U hoeft ze echter niet allemaal op uw site te installeren. Misschien heeft u nog geen Twitter-account of is het gewoon niet belangrijk genoeg voor uw bedrijf. U bent meer gericht op het opbouwen van een gemeenschap, en daarom heeft u de feedbackbedden nodig?

Alles hangt dan af van uw project en uw doelstellingen.

Commentaar

VRIJE TRAINING

Begin met het volgen van de Gratis Training, u ontdekt de basisprincipes van Webflow en een voorproefje van wat u te wachten staat in de Webflow Expert en Creative Business training.

Begin gratis

Koffiepauze

4 items die je misschien leuk vindt

VRIJE TRAINING

Registreer hier voor toegang tot
de gratis training

Begin met het volgen van de Gratis Training, u ontdekt de basisprincipes van Webflow en een voorproefje van wat u te wachten staat in de Webflow Expert en Creative Business training.

Start de gratis training