Jimdo Telefonnummer verlinken

mit Anruf-Button

Hinweis: klickbare Nummern funktionieren nur auf Smartphones und Tablets

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

Code:

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



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.



Pfeil mit Beschriftung "Übersicht Tipps"