Jimdo Telefonnummer verlinken

Möchtest du auf deiner Jimdo-Website einen Telefon-Button, der bei einem Klick darauf deine Nummer wählt? Das geht so:

1. Lade dir ein Telefon-Icon herunter (siehe Icon-Tipps)
2. Platziere das Icon mit dem Element "Bild" auf einer versteckten Unterseite
3. An der gewünschten Stelle (also auf der Seite, wo das Telefon-Icon ersichtlich sein soll) den untenstehenden Code in ein Element "Widget HTML" kopieren (noch nicht speichern)
4. Die versteckte Unterseite in einem neuen Fenster öffnen (im Ansichtsmodus, nicht im Bearbeitungsmodus)
5. Mit der rechten Maustaste auf das Telefon-Icon klicken und die Adresse des Links kopieren
6. Den kopierten Link im Code einfügen, dann deine Nummer an den beiden fett markierten Stellen einsetzen und speichern

<div style="text-align: center;"><a class="tel-button" onclick="href='tel:Hier deine Nummer einfügen (internationale Version mit + und ohne Abstände)'" href="tel:Hier die Nummer so einfügen, wie sie bei Mouseover (am linken unteren Bildschirmrand) angezeigt werden soll">

<img src="Hier den kopierten Link zum Telefon-Icon einfügen" />

</a>

</div>

Traraaa! So sieht das Ergebnis aus:

Falls du nicht genau weisst, wie die Telefonnummern geschrieben werden müssen, zeige ich dir hier den oben hinterlegten Code mit meiner Telefonnummer:

<div style="text-align: center;"><a class="tel-button" onclick="href='tel:+41763317355'" href="tel:+41 (0) 76 331 73 55">

<img src="https://image.jimcdn.com/app/cms/image/transf/none/path/sed1c7543c316f751/image/ie6e037c82820ca83/version/1595515270/image.png" />

</a>

</div>

Wenn du das Icon nicht mittig möchtest, ersetzt du das Wort "center" einfach durch "left" oder "right".

Hier noch eine schwarze und eine weisse "gestanzte" Button-Version, die du einfach mit einem Rechtsklick herunterladen kannst:

Falls du den Anruf-Button auf deiner Kontakt-Seite verwendest, brauchst du bestimmt noch einen passenden Mail-Button - voilà: 

Ich freue mich, wenn dieser Tipp für dich hilfreich ist und natürlich freue ich mich auch über eine kleine Spende in meine Tee-Kasse 😊

Hinweis: wenn der Code nicht funktioniert, liegt es meistens daran, dass sich beim Einfügen eines Links ein kleiner Fehler eingeschlichen hat (z.B. ein Leerzeichen zwischen Gänsefüsschen und Link).

Falls du Hilfe benötigst, dann kontaktiere mich bitte über den Support.