CallToAction mit Gast-ID nach erfolgreicher Anmeldung

Leite den Gast z.B. zur Hotelbuchung weiter

Hier erfährst Du wie Du eigene CallToActions einblenden kannst, nachdem der Gast seine Anmeldung abgeschlossen hat.

Du kannst für das guestoo Back-End zwischen zwei Darstellungsoptionen wählen. Die Screenshots in der Doku basieren auf dem "Klassischen Design".
Hier siehst Du die Unterschiede, damit Du dich auch im "Modernen Design" zurecht findest: » guestoo Back-End-Design
Inhalte dieser Seite:

Call To Action Button pflegen

Der Button kann am Event unter dem Reiter "Infos" gepflegt werden. Scrolle hierzu zum Punkt "Eigene CallToAction".

  • Wird nur die URL angegeben, dann wird im Bestätigungsdialog der normale Button angezeigt, nur dass er nicht zur Eventseite leitet, sondern zur hier angegebenen URL.
  • Wird auch die Button-Beschriftung angegeben, dann erzeugt guestoo aus dem Link oben und der hier angegebenen Beschriftung einen eigenen Button, der zusätzlich in folgenden Elementen erscheint: Bestätigungs-E-Mail, Bestätigungs-Seite (nach DOI), Bestätigungs-Dialog, Button im Header der Eventseite

Du kannst in der URL auch Platzhalter verwenden (z.B. oder die ID des Gastes übergeben, um sie z. B. auf der Folgeseite weiter zu verwenden: .

Call To Action Button in den E-Mail-Text einbetten

Der Button kann in jede beliebige E-Mail eingebunden werden. Dafür einfach den folgenden Code an die Stelle im E-Mail-Text oder Mailing einfügen:

 

<!-- ### BUTTON ### -->
<br style="-webkit-font-smoothing: antialiased;"><br style="-webkit-font-smoothing: antialiased;">
<table border="0" cellpadding="0" cellspacing="0" class="callToActionTable inner-width" width="100%" style="-webkit-font-smoothing: antialiased; box-sizing: border-box; border-spacing: 0; background-color: ; border-radius: 7px; margin: 0px auto; overflow: hidden; width: 100%; max-width: 100%; overflow-x: hidden;" bgcolor=""><tr style="-webkit-font-smoothing: antialiased; box-sizing: border-box;"><td height="60" align="center" bgcolor="" style="-webkit-font-smoothing: antialiased; box-sizing: border-box; align-content: center; text-align: center; align-items: center; height: 60px;"><a href="" class="callToActionTable-link" style="-webkit-font-smoothing: antialiased; box-sizing: border-box; background-color: ; border-radius: 7px; height: 60px; line-height: 60px; font-weight: 400; display: block; text-decoration: none; text-align: center; font-size: 22px; color: #fff; "></a></td></tr></table>
<!-- // ### BUTTON ### -->

Code-Sammlung

Style um den Button im Header der Eventseite auszublenden:

 

<style>.callToAction-extern {display: none !important;}@media (max-width: 650px) {.TEMPLATE_1 .header-agency-logo {left:50%  !important;margin-left: -40px !important;}}</style>

Vorherige Seite