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 ein Telefon-Icon herunter (siehe auch Icon-Tipps)
  2. Platziere das Icon mit dem Element "Bild" auf einer versteckten Seite*
  3. Kopiere an der gewünschten Stelle (auf der Seite, wo das Telefon-Icon ersichtlich sein soll) den untenstehenden Code in ein Element "Widget HTML" (noch nicht speichern)
  4. Öffne nun die versteckte Seite in einem neuen Fenster (in der Besucher-Ansicht, nicht im Bearbeitungsmodus)
  5. Klicke mit der rechten Maustaste auf das Telefon-Icon und kopiere die Adresse des Links
  6. Füge nun den kopierten Link im Code ein und setze anschliessend deine Nummer an den beiden fett markierten Stellen ein. Speichern und fertig.
*Lege in der Navigation eine neue Seite an und nenne sie z.B. "intern". Klicke auf das Auge-Symbol, damit die Seite nur für dich sichtbar ist.

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 angezeigt werden soll (bei Windows am linken unteren Bildschirmrand)">

<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 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 vielleicht noch einen passenden Mail-Button - voilà:



Hinweis: wenn der Code nicht funktioniert, liegt es meistens daran, dass sich beim Einfügen des kopierten Links ein kleiner Fehler eingeschlichen hat (z.B. ein Leerzeichen vor oder nach dem Gänsefüsschen).

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




Pfeil mit Beschriftung "Übersicht Tipps"