So öffnen Sie einen Link in einem neuen Tab
Um einen Link in einem neuen Tab zu öffnen, müssen Sie eine kleine Codezeile in die Shopify Liquid-Datei einfügen. Wir werden alle Schritte in diesem Blogbeitrag erklären.
Warum sollten wir einen Link in einem neuen Tab öffnen?
Jede Shopify-Website hat Seiten mit externen (Links zu einer anderen Website) oder internen (Links innerhalb der Website) Links, die Benutzer auf eine neue Seite weiterleiten, um detailliertere Informationen zu Produkten und Dienstleistungen bereitzustellen, bevor sie diese kaufen.
Um eine bessere Benutzererfahrung zu bieten und Cross-Selling zu fördern, sollten Sie einen Link in einem neuen Tab öffnen lassen. So können Benutzer die verlinkte Seite in einem neuen Tab öffnen, während die Hauptseite in einem anderen Tab geöffnet bleibt.
Vorteile des Öffnens externer Links in einem neuen Tab –
- Verbesserte Benutzererfahrung
- Niedrigere Absprungrate der Website
- Förderung der On-Page-SEO
- Verbesserung der Glaubwürdigkeit der Website
- Stärkung der Linkstruktur der Website
Lesen Sie auch: Wie fügt man einen „Jetzt kaufen“-Button in Shopify hinzu?
Befolgen Sie diese Schritte, um externe Links in einem neuen Tab im Shopify Store zu öffnen
- Um Tabnabbing zu Shopify Store-Seiten hinzuzufügen, müssen Sie die JavaScript-Datei des Themes bearbeiten.
- Klicken Sie auf die Option Theme unter Online-Shop in Ihrem Shopify Admin-Panel
- Klicken Sie auf die Option Aktionen , ein Dropdown-Menü wird geöffnet, dann klicken Sie auf Code bearbeiten
- Suchen Sie in der Suchleiste nach „assets“ und öffnen Sie das Verzeichnis, suchen Sie die folgenden Dateien
- theme.js
- theme.js.liquid
- custom.js
- Öffnen Sie nun die Datei und fügen Sie den folgenden Code am Ende der Datei ein
var links = document.links;
for (let i = 0, linksLength = links.length ; i < linksLength ; i++) {
if (links[i].hostname !== window.location.hostname) {
links[i].target = '_blank';
links[i].rel = 'noreferrer noopener';
}
}
Klicken Sie nun auf Speichern
Alles erledigt!
Letzte Worte
Möge dieses Tutorial Ihnen helfen, einen externen Link in einem neuen Tab in Ihrem Shopify-Store zu öffnen. Wenn Sie Schwierigkeiten haben, können Sie die Hilfe von Shopify-Experten für Design und Entwicklung von EcomHeroes in Anspruch nehmen. Wir haben auch die kleinen Shopify-Aufgaben und -Anpassungen aufgelistet, um Shopify-Unternehmen zu helfen. Sie können die Seite besuchen und jede dieser Aufgaben mit einem einzigen Klick kaufen.