Altersabfrage beim Kauf
Hi MarieCC,
Kai hier von Shopify.
Wenn ich Sie richtig verstanden habe geht es darum, dass Sie sich nach einer Möglichkeit umschauen eine Altersbegrenzung in ihren Shopify Shop einzubauen - ist das so richtig?
Bitte beachten Sie, dass die hier genannten Vorschläge eventuell nicht denen von Ihrer Regierung vorgeschriebenen Sicherheitsmaßnahmen für den Schutz von Minderjährigen entspricht. Sie sollten daher immer einen Rechtsgelehrten zurate ziehen!
Viele Funktionen bieten wir über Apps an.
Bei den Apps die Sie mit Shopify nutzen können, gibt es drei verschiedene Kategorien:
- Apps von Shopify: Diese Apps finden Sie im App Store und kann daran erkannt werden, dass Shopify als Hersteller genannt wird. Ein Beispiel dazu hier. Diese Apps werden von uns direkt unterstützt.
- Apps von Partnern: Diese Apps können auch im App Store gefunden werden, allerdings wird einer unserer Partner als Hersteller genannt, wie zum Beispiel hier. Diese Apps werden nicht von uns unterstützt, sondern unserem Partner der die App auch hergestellt hat. Gerne treten wir da aber für Sie mit dem App-Hersteller in Verbindung.
- Apps von externen Quellen: Diese Apps wurden manuell in den Shop importiert, oder sind nicht mehr im App Store vertreten (zum Beispiel, weil die Partnerschaft beendet wurde). Bei diesen Apps können wir leider nicht weiterhelfen, da wir keinen Vertrag mit dem Hersteller haben.
Im App Store haben wir viele verschiedene Optionen eine Altersabfrage einzufügen. Schauen Sie einfach einmal nach was da Sinn macht.
Die meisten Apps bieten kostenlose Testphasen an, sodass Sie die Möglichkeit haben deren Funktionalität zuvor unverbindlich zu testen.
Bevor Sie Code-Änderungen an Ihrem Shop vornehmen, also auch Apps installieren ist es immer ratsam vorher das eigene Theme zu duplizieren, damit Sie problemlos zu einer funktionierenden Version Ihres Shops zurückkehren können, falls etwas schiefgehen sollte.
Ich möchte als alternative auch ein Tutorial erläutern, mit dem Sie eine Altersabfrage in Ihren Shopify Shop ohne Apps einbauen können. Dies wird von Shopify nicht unterstützt. Kenntnisse in Webdesign-Sprachen wie HTML, CSS, JavaScript und Liquid sind erforderlich. Wir würden Ihnen deshalb empfehlen, einen Shopify-Experten zu beauftragen, wenn Sie mit dem folgenden nicht vertraut sind.
Beachten Sie, dass die Altersüberprüfung nicht unbedingt der beste Weg ist, um Besucher am Surfen auf Ihrer Website zu hindern, da sie nichts daran hindert, über ihr Alter zu lügen.
Also, erstellen Sie ein Snippet zur Altersüberprüfung und fügen Sie es hinzu:
1. Gehen Sie in Ihrem Shopify-Administrator zu Onlineshop > Themes.
2. Suchen Sie das Theme, das Sie bearbeiten möchten, und klicken Sie dann auf Aktionen > Code bearbeiten.
3. Klicken Sie auf den Ordner Snippets, um dessen Inhalt zu erweitern und anzuzeigen.
4. Klicken Sie im Ordner Snippets auf Neues Snippet hinzufügen.
5. Benennen Sie Ihren neuen Snippet age-check und klicken Sie auf Snippet erstellen. Ihr Altersüberprüfungs-Snippet wird im Online-Code-Editor geöffnet.
6. Öffnen Sie in einer neuen Browser-Registerkarte die folgende Datei.
7. Kopieren Sie den gesamten dort angezeigten Code und kehren Sie zu Ihrer Themeseite zurück.
8. Fügen Sie im Online-Code-Editor den von Ihnen kopierten Code in Ihr age-check.liquid Snippet ein.
9. Speichern Sie Ihre Änderungen.
10. Suchen Sie im Ordner Layouts Ihre theme.liquid Datei und klicken Sie darauf, um sie im Online-Code-Editor zu öffnen.
11. Scrollen Sie im Online-Code-Editor ein wenig nach unten, bis Sie das öffnende <body> -Tag sehen.
12. Fügen Sie direkt nach dem öffnenden <body> -Tag den folgenden Code ein:
{% render 'age-check' %}
Dies schließt das age-check.liquid-Snippet ganz am Anfang des Body-Inhalts Ihrer Themedatei ein.
13. Klicken Sie auf Speichern, um Ihre Änderungen zu speichern.
Was ist, wenn Sie ein Bild im Hintergrund anzeigen möchte?
Laden Sie ein großes JPG-Bild (mindestens 1024 x 1024 Pixel) in Ihre Design-Assets auf der Seite HTML / CSS bearbeiten hoch. Benennen Sie diese Datei age-check-background.jpg um.
Altersgrenze ändern
Ändern Sie in Ihrem age-check.liquid-Snippet den folgenden Code in Zeile 2:
{% assign age = 18 %}
zu:
{% assign age = 21 %}
Sie können den Text auch in den Zeilen 6 und 10 bearbeiten.
Was ist, wenn ich ein Geburtsdatum erfragen möchte?
Ändern Sie in Ihrem age-check.liquid-Snippet den folgenden Code in Zeile 1:
{% assign enter_date_of_birth = false %}
zu:
{% assign enter_date_of_birth = true %}
Testen der Funktionalität
Sobald Sie auf den Link Enter geklickt haben, werden Sie für weitere 2 Wochen nicht mehr nach Ihrem Alter gefragt. Um die Altersüberprüfung erneut zu aktivieren, müssen Sie ein Cookie mit dem Namen isAnAdult manuell löschen. Um Cookies zu löschen, können Sie die folgende Extension in Google Chrome verwenden.
Wenn Kunden JavaScript deaktivieren
Wenn Sie Kunden fernhalten möchten, bei denen JavaScript deaktiviert ist, fügen Sie dem Kopfabschnitt Ihrer Datei theme.liquid auf der Seite HTML / CSS bearbeiten Folgendes hinzu:
<noscript> <meta http-equiv="refresh" content="1; url=/pages/age-check" /> </noscript>
Ersetzen Sie age-check durch das Handle der Seite, zu der Sie auf Ihrer Website umleiten möchten.
Schauen Sie sich diesen Demo-Store an, um die Altersüberprüfung in Aktion zu sehen.
Hi MarieCC,
Kai hier von Shopify.
Wenn ich Sie richtig verstanden habe geht es darum, dass Sie sich nach einer Möglichkeit umschauen eine Altersbegrenzung in ihren Shopify Shop einzubauen - ist das so richtig?
Bitte beachten Sie, dass die hier genannten Vorschläge eventuell nicht denen von Ihrer Regierung vorgeschriebenen Sicherheitsmaßnahmen für den Schutz von Minderjährigen entspricht. Sie sollten daher immer einen Rechtsgelehrten zurate ziehen!
Viele Funktionen bieten wir über Apps an.
Bei den Apps die Sie mit Shopify nutzen können, gibt es drei verschiedene Kategorien:
- Apps von Shopify: Diese Apps finden Sie im App Store und kann daran erkannt werden, dass Shopify als Hersteller genannt wird. Ein Beispiel dazu hier. Diese Apps werden von uns direkt unterstützt.
- Apps von Partnern: Diese Apps können auch im App Store gefunden werden, allerdings wird einer unserer Partner als Hersteller genannt, wie zum Beispiel hier. Diese Apps werden nicht von uns unterstützt, sondern unserem Partner der die App auch hergestellt hat. Gerne treten wir da aber für Sie mit dem App-Hersteller in Verbindung.
- Apps von externen Quellen: Diese Apps wurden manuell in den Shop importiert, oder sind nicht mehr im App Store vertreten (zum Beispiel, weil die Partnerschaft beendet wurde). Bei diesen Apps können wir leider nicht weiterhelfen, da wir keinen Vertrag mit dem Hersteller haben.
Im App Store haben wir viele verschiedene Optionen eine Altersabfrage einzufügen. Schauen Sie einfach einmal nach was da Sinn macht.
Die meisten Apps bieten kostenlose Testphasen an, sodass Sie die Möglichkeit haben deren Funktionalität zuvor unverbindlich zu testen.
Bevor Sie Code-Änderungen an Ihrem Shop vornehmen, also auch Apps installieren ist es immer ratsam vorher das eigene Theme zu duplizieren, damit Sie problemlos zu einer funktionierenden Version Ihres Shops zurückkehren können, falls etwas schiefgehen sollte.
Ich möchte als alternative auch ein Tutorial erläutern, mit dem Sie eine Altersabfrage in Ihren Shopify Shop ohne Apps einbauen können. Dies wird von Shopify nicht unterstützt. Kenntnisse in Webdesign-Sprachen wie HTML, CSS, JavaScript und Liquid sind erforderlich. Wir würden Ihnen deshalb empfehlen, einen Shopify-Experten zu beauftragen, wenn Sie mit dem folgenden nicht vertraut sind.
Beachten Sie, dass die Altersüberprüfung nicht unbedingt der beste Weg ist, um Besucher am Surfen auf Ihrer Website zu hindern, da sie nichts daran hindert, über ihr Alter zu lügen.
Also, erstellen Sie ein Snippet zur Altersüberprüfung und fügen Sie es hinzu:
1. Gehen Sie in Ihrem Shopify-Administrator zu Onlineshop > Themes.
2. Suchen Sie das Theme, das Sie bearbeiten möchten, und klicken Sie dann auf Aktionen > Code bearbeiten.
3. Klicken Sie auf den Ordner Snippets, um dessen Inhalt zu erweitern und anzuzeigen.
4. Klicken Sie im Ordner Snippets auf Neues Snippet hinzufügen.
5. Benennen Sie Ihren neuen Snippet age-check und klicken Sie auf Snippet erstellen. Ihr Altersüberprüfungs-Snippet wird im Online-Code-Editor geöffnet.
6. Öffnen Sie in einer neuen Browser-Registerkarte die folgende Datei.
7. Kopieren Sie den gesamten dort angezeigten Code und kehren Sie zu Ihrer Themeseite zurück.
8. Fügen Sie im Online-Code-Editor den von Ihnen kopierten Code in Ihr age-check.liquid Snippet ein.
9. Speichern Sie Ihre Änderungen.
10. Suchen Sie im Ordner Layouts Ihre theme.liquid Datei und klicken Sie darauf, um sie im Online-Code-Editor zu öffnen.
11. Scrollen Sie im Online-Code-Editor ein wenig nach unten, bis Sie das öffnende <body> -Tag sehen.
12. Fügen Sie direkt nach dem öffnenden <body> -Tag den folgenden Code ein:
{% render 'age-check' %}
Dies schließt das age-check.liquid-Snippet ganz am Anfang des Body-Inhalts Ihrer Themedatei ein.
13. Klicken Sie auf Speichern, um Ihre Änderungen zu speichern.
Was ist, wenn Sie ein Bild im Hintergrund anzeigen möchte?
Laden Sie ein großes JPG-Bild (mindestens 1024 x 1024 Pixel) in Ihre Design-Assets auf der Seite HTML / CSS bearbeiten hoch. Benennen Sie diese Datei age-check-background.jpg um.
Altersgrenze ändern
Ändern Sie in Ihrem age-check.liquid-Snippet den folgenden Code in Zeile 2:
{% assign age = 18 %}
zu:
{% assign age = 21 %}
Sie können den Text auch in den Zeilen 6 und 10 bearbeiten.
Was ist, wenn ich ein Geburtsdatum erfragen möchte?
Ändern Sie in Ihrem age-check.liquid-Snippet den folgenden Code in Zeile 1:
{% assign enter_date_of_birth = false %}
zu:
{% assign enter_date_of_birth = true %}
Testen der Funktionalität
Sobald Sie auf den Link Enter geklickt haben, werden Sie für weitere 2 Wochen nicht mehr nach Ihrem Alter gefragt. Um die Altersüberprüfung erneut zu aktivieren, müssen Sie ein Cookie mit dem Namen isAnAdult manuell löschen. Um Cookies zu löschen, können Sie die folgende Extension in Google Chrome verwenden.
Wenn Kunden JavaScript deaktivieren
Wenn Sie Kunden fernhalten möchten, bei denen JavaScript deaktiviert ist, fügen Sie dem Kopfabschnitt Ihrer Datei theme.liquid auf der Seite HTML / CSS bearbeiten Folgendes hinzu:
<noscript> <meta http-equiv="refresh" content="1; url=/pages/age-check" /> </noscript>
Ersetzen Sie age-check durch das Handle der Seite, zu der Sie auf Ihrer Website umleiten möchten.
Schauen Sie sich diesen Demo-Store an, um die Altersüberprüfung in Aktion zu sehen.
Community Blog Artikel
Teil 2 - Wie die Prinzipien des UX-Designs dir dabei helfen können einen großartigen Shop ...
By Kai Sep 16, 2024
Teil 1 - Wie die Prinzipien des UX-Designs dir dabei helfen können einen großartigen Shop ...
By Kai Sep 9, 2024
Anpassungen des benutzerdefinierten Codes an Shopify-Themes (CSS) leicht gemachtIn diesem...
By Gabe Aug 28, 2024