Deelbare Links

Deelbare links is een kernfunctie van Wink en is ontstaan uit de behoefte om inventaris en prijzen op een dynamische manier te communiceren via de eenvoudigste manier op het internet; namelijk de hyperlink.

https://trvl.as/3xWCH

Bovenstaand is een voorbeeld van een van onze links. Het is kort en draagbaar… zelfs kort genoeg om te onthouden. Hoewel kort, bevat deze link een explosieve hoeveelheid informatie, zoals:

Je App ID.
Je Affiliate ID.
De afbeelding(en) en tekst die aan de gebruiker worden getoond.
De look-en-feel (d.w.z. thema, kleuren en meer).
De reisroute die wordt gebruikt voor onze prijsopvraging (2 volwassenen, 1 nacht).
De valuta waarin de prijs wordt weergegeven.
De taal waarin de tekst wordt weergegeven.

De rest van dit artikel begeleidt je bij het beheren van de links naar je inventarissen.

Link aanpassen

Het formulier laat je je link op de volgende manieren aanpassen:

Standaard krijgt de link de naam van je inventaris in het Engels. Je kunt het elke naam geven die je helpt herinneren waar de link over gaat.
Standaard wordt je primaire branding / aanpassing toegepast op de link. Je kunt andere Aanpassingen selecteren die je in Wink Studio hebt gemaakt.
Voeg trefwoorden toe, gescheiden door een komma, die gebruikt zullen worden door Web Crawlers.
Voer optioneel je X accountnaam of Facebook App ID in.
Voeg titels en beschrijvingen toe in de talen waarin je wilt dat de gebruiker ze ziet.
Selecteer een of meer afbeeldingen die worden getoond wanneer je de link deelt op platforms zoals Facebook of LinkedIn.
Kies een thema / overlay die een merkgebonden ontwerp toevoegt bovenop de afbeelding(en) die je hebt geselecteerd. Opmerking: Dit is hoe je prijzen bovenop de afbeelding laat zien.
Klik op de knop Opslaan om door te gaan.

Na het opslaan van je link word je doorgestuurd naar je pagina met deelbare links en is je link nu klaar om met de wereld gedeeld te worden.

Link delen

Bovenstaand zie je een afbeelding met alle beschikbare acties voor je link:

Voorbeeld Toont je een snel overzicht van hoe de link is geconfigureerd en hoe deze eruit zal zien voor de gebruiker.
Bijwerken Werkt je linkconfiguratie bij.
Toevoegen aan WinkLinks Voegt de link toe aan je WinkLinks-account.
Kopiëren Kopieert de link naar je klembord zodat je deze gemakkelijk overal kunt delen (*inclusief WinkLinks *).
Delen Opent een nieuw venster met opties om te delen op veel sociale netwerken en berichtplatforms.
QR-code Genereert een QR-code die je kunt delen op platforms zoals IG die meer beeldgericht zijn.
Insluiten Laat je zien hoe je deze link als een Advertentie Banner in je website kunt insluiten.
Gebruik met WordPress Laat je zien hoe je onze WordPress plugin gebruikt om deze link in je website in te sluiten.

We behandelen enkele van deze opties hieronder uitgebreider.

Voorbeeld

Wanneer je op Voorbeeld klikt, zie je een afbeelding met je toegepaste thema. Wanneer je de link deelt op sociale media, zoals Facebook, kun je verwachten dat hetzelfde in je feed verschijnt samen met je titel en beschrijving.

Delen op sociale media

Als je op de knop Delen klikt, opent er een nieuw venster met een handige manier om direct te delen op je favoriete sociale netwerken en berichtapps. Klik op een van de icoonknoppen om door te gaan met het plaatsen van je link op dat netwerk. Opmerking: Sommige knoppen worden alleen getoond wanneer je deelt vanaf je mobiele apparaat.

QR-code

Als je liever een QR-code deelt in plaats van een link, klik dan op de knop QR-code en er verschijnt een nieuw venster met je QR-code.

Hoe je je QR-code opslaat:

Als je op je laptop bent, klik met de rechtermuisknop op de afbeelding en selecteer Afbeelding opslaan.
Als je op je mobiele telefoon bent:
- Houd je vinger op de afbeelding gedrukt totdat er een optie verschijnt om de afbeelding op te slaan in je Foto’s.
- Maak een screenshot van de QR-code, snijd deze bij zodat hij past, en sla op in Foto’s.

Insluiten

<html>
  <head>
    <link rel="stylesheet" href="https://elements.wink.travel/styles.css"></link>
  </head>
  <body>
    <wink-content-loader
       layout="AD_BANNER"
       id="3xWCH"
    ></wink-content-loader>

    <script src="https://elements.wink.travel/elements.js" type="module" defer></script>

    <wink-app-loader
      client-id="YOUR CLIENT ID GOES HERE"
      configuration-id="YOUR CUSTOMIZATION ID GOES HERE"
    ></wink-app-loader>
  </body>
</html>

Hier zie je hoe je je link als een advertentiebanner in je site insluit:

Regel 3 laat zien hoe je de Wink-stijlen in je site insluit.
Regels 6 tot en met 9 laten zien hoe je de wink-content-loader Web Component gebruikt en deze vertelt om een advertentiebanner voor je code op te halen.
Regel 11 laat zien hoe je onze Javascript in je site insluit.
Regel 13 laat zien hoe je de wink-app-loader Web Component insluit en deze vertelt om je pagina-niveau configuratievoorkeuren op te halen.

API

Ontwikkelaars die deelbare links willen beheren kunnen terecht bij Developers > API > Inventory.

Verder lezen

Leer meer over onze collectie Web Components.
Leer meer over de Wink WordPress plugin.