Buttons einfügen einfach erklärt

Buttons oder CTA (Call To Action) Schaltflächen geben dem Besucher der Webseite sofort eine Möglichkeit mit einem Klick mit Ihnen in Kontakt zu treten.

Ob ein Link zur E-Mailadresse, Telefonnummer, Kontaktformular oder zur Kontaktseite hinterlegt ist oder auch auf eine Seite verweist - all diese Möglichkeiten sorgen dafür dem Kunden den Kontakt zu Ihnen zu erleichtern.

Hier eine kurze Anleitung wie Buttons in das Geronimo CMS eingefügt werden können.

[1] Buttons auf der GeronimoWeb-Seite haben den folgenden Link: <a class="widget-button" href="Link auf den der Button verweist">Text der auf dem Button erscheint</a>

[2] Diesen Link können Sie unter jeden Beitrag setzen. Hierfür gehen Sie einfach in den HTML auf dem Angebot / Neuigkeiten / benutzerdefinierte Seite. Sie finden diese wenn Sie im Bearbeitungsmenü dieses Zeichen klicken </>. Siehe Screenshot unten:

[3] Dann scrollen Sie einfach an die gewünschte Stelle des Beitrags (in den meisten Fällen nach ganz unten) und fügen Sie das folgende Button HTML ein: <a class="widget-button" href="?of=/Contact/EmailOrCallMeBack">Kontaktieren Sie uns</a>

[4] Wenn Sie dann wieder auf die "normale Ansicht" gehen, sehen Sie diesen Button:

Kontaktieren Sie uns

[5] Wenn Sie mehrere Buttons hintereinander einfügen möchten, können Sie einfach den Teil zwischen <a> und </a> kopieren und einfügen:

<a class="widget-button" href="?of=/Contact/EmailOrCallMeBack">Kontaktieren Sie uns</a><a class="widget-button" href="tel:+41435084747">Jetzt anrufen</a><a class="widget-button" href="mailto:[email protected]">E-Mail an uns</a><a class="widget-button" href="/FilialeStandort/1500/kontaktieren-sie-uns">So finden Sie uns</a>

Das sieht dann so aus:

Kontaktieren Sie uns Jetzt anrufen E-Mail an uns So finden Sie uns

[6] Button Links und Text in der "normalen Ansicht" ändern. Ein Button Link und der Text lässt sich ganz einfach in der "normalen Ansicht" abändern. Klicken Sie hierfür einfach auf den Button und wählen Sie "edit link" (Siehe Screenshot gelb markiert).

[7] In dem sich öffnenden Fenster können Sie nun den Link und den Text anpassen. Weiterhin gibt es hier auch noch eine Schaltfläche (Open in new tab) bei der Sie entscheiden können, ob sich ein neues Fenster beim Link öffnen soll und die alte geöffnet bleibt oder ob sich die neue Seite das derzeitige ersetzt. Klicken Sie dieses Fenster IMMER wenn Sie von Ihrer Seite auf andere verweisen (es kann gut sein, dass der Kunde auf den Beitrag zurück kommen möchte.)