Enllaços compartibles

Els enllaços compartibles són una funció clau de Wink i van sorgir de la necessitat de comunicar l’inventari i els preus de manera dinàmica a través de la forma més senzilla possible a Internet; és a dir, l’enllaç hipertextual.

https://trvl.as/3xWCH

A dalt tens un exemple d’un dels nostres enllaços. És curt i portable… fins i tot prou curt per recordar-lo. Tot i ser curt, aquest enllaç conté una quantitat explosiva d’informació, com ara:

El teu App ID.
El teu Affiliate ID.
La(s) imatge(s) i el text que es mostraran a l’usuari.
L’aspecte visual (és a dir, tema, colors i més).
L’itinerari que s’utilitzarà per a la consulta de preus (2 adults, 1 nit).
La moneda en què es mostrarà el preu.
L’idioma en què es mostrarà el text.

La resta d’aquest article t’explica com crear, personalitzar i compartir els teus enllaços.

Crear un enllaç

A dalt tens una imatge presa de Search que et mostra algunes de les coses que pots fer amb els resultats de la teva cerca. Una d’aquestes accions és Make a link. Fes clic en aquest botó i et redirigirà a la pàgina del formulari d’enllaços compartibles on podràs començar a personalitzar el teu enllaç.

Personalitzar l’enllaç

El formulari et permet personalitzar el teu enllaç de les següents maneres:

Dona-li un nom per recordar de què tracta l’enllaç.
Selecciona la Personalització que vols aplicar a aquest enllaç.
Afegeix paraules clau, separades per comes, que seran utilitzades pels Web Crawlers.
Opcionalment, introdueix el teu compte d’X o el Facebook App ID.
Afegeix títols i descripcions en els idiomes que vols que l’usuari vegi.
Selecciona una o més imatges que es mostraran quan comparteixis l’enllaç en plataformes com Facebook o LinkedIn.
Tria un tema / superposició que afegeix un disseny de marca a sobre de la(s) imatge(s) seleccionada(s). Nota: Així és com es fa que els preus es mostrin a sobre de la imatge.
Fes clic al botó Save per continuar.

Enllaç compartible — *Una entrada d’enllaç compartible*

Després de desar l’enllaç, seràs redirigit a la pàgina dels teus enllaços compartibles i el teu enllaç ja estarà llest per compartir amb el món.

Compartir l’enllaç

A dalt tens una imatge amb totes les accions disponibles per al teu enllaç:

Preview Mostra una vista ràpida de com s’ha configurat l’enllaç i com es veurà per a l’usuari.
Update Actualitza la configuració del teu enllaç.
Add to WinkLinks Afegeix l’enllaç al teu compte de WinkLinks.
Copy Copia l’enllaç al porta-retalls perquè el puguis compartir fàcilment on vulguis (*inclòs a WinkLinks *).
Share Obre una nova finestra amb opcions per compartir a moltes xarxes socials i plataformes de missatgeria.
QR code Genera un codi QR que pots compartir en plataformes com IG que estan més centrades en imatges.
Embed Et mostra com incrustar aquest enllaç com un Ad Banner al teu lloc web.
Use with WordPress Et mostra com utilitzar el nostre plugin de WordPress per incrustar aquest enllaç al teu lloc web.

A continuació, expliquem algunes d’aquestes opcions amb més detall.

Preview

Quan facis clic a Preview, veuràs una imatge amb el teu tema aplicat. Quan comparteixis l’enllaç a les xarxes socials, com Facebook, pots esperar veure el mateix a la teva cronologia juntament amb el teu títol i descripció.

Compartir a xarxes socials

Si fas clic al botó Share, s’obrirà una nova finestra amb una manera còmoda de compartir directament a les teves xarxes socials i aplicacions de missatgeria preferides. Fes clic a qualsevol dels botons d’icona per continuar publicant el teu enllaç en aquesta xarxa. Nota: Alguns botons només es mostraran quan comparteixis des del teu dispositiu mòbil.

Codi QR

Si prefereixes compartir un codi QR en lloc d’un enllaç, fes clic al botó QR code i apareixerà una nova finestra amb el teu codi QR.

Com guardar el teu codi QR:

Si estàs al portàtil, fes clic dret a la imatge i selecciona Save image.
Si estàs al mòbil:
- Prem i mantén el dit sobre la imatge fins que aparegui l’opció per desar la imatge a Fotos.
- Fes una captura de pantalla del codi QR, retalla-la per ajustar-la i desa-la a Fotos.

Incrustar

<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>

Aquí tens com incrustar el teu enllaç, com a banner publicitari, al teu lloc:

La línia 3 et mostra com incrustar els estils de Wink al teu lloc.
Les línies 6 a 9 et mostren com utilitzar el Web Component wink-content-loader i indicar-li que carregui un banner publicitari per al teu codi.
La línia 11 et mostra com incrustar el nostre Javascript al teu lloc.
La línia 13 et mostra com incrustar el Web Component wink-app-loader i indicar-li que carregui les preferències de configuració a nivell de pàgina.

API

Els desenvolupadors que vulguin gestionar enllaços compartibles poden anar a Developers > API > Inventory.

Lectures complementàries

Aprèn més sobre la nostra col·lecció de Web Components.
Aprèn més sobre el plugin de WordPress de Wink.