Springe zum Hauptinhalt

So erstellen Sie ein Cookie-Zustimmungs-Popup mit Elementor

Divi: das am einfachsten zu verwendende WordPress-Theme

Divi: Das beste WordPress-Theme aller Zeiten!

Mehr 901.000 Downloads, Divi ist das beliebteste WordPress-Theme der Welt. Es ist vollständig, einfach zu bedienen und enthält mehr als 62-freie Vorlagen. [Empfohlen]

Möchten Sie wissen, wie Sie in Elementor ein Popup zur Cookie-Zustimmung erstellen?

Wenn Sie Elementor Pro verwenden, können Sie Ihrer WordPress-Website einige Funktionen hinzufügen, ohne sie zu installieren Plugins zusätzlich. In einem von ihnen können Sie die Cookie-Einwilligung mithilfe der Popup-Konstruktoren-Funktion von Elementor hinzufügen, die wir in diesem Artikel behandeln. Was ist ein Cookie?

Lesen Sie auch: So erstellen Sie ein mehrstufiges Formular mit Elementor

Im Web-Kontext ist ein Cookie (auch bekannt als Web-Cookie, Browser-Cookie und Internet-Cookie) ein kleines Datenelement, das von einem Webbrowser auf Ihrem Computer gespeichert wird. Die Daten werden dann von Websites verwendet, um Inhalte basierend auf Ihren Aktivitäten bereitzustellen. Wenn Sie häufig Werbung sehen, die auf Ihren Aktivitäten basiert, ist dies der Zweck eines Cookie (obwohl es viele Beispiele für die Verwendung von Cookies gibt).

In einigen Fällen ist die Anzeige der Cookie-Zustimmung sehr wichtig, da Ihr Besucher dadurch erkennen kann, dass Ihre Website bestimmte Informationen von ihnen sammelt. Dies ist eine der Implementierungen der Geschäftstransparenz.

So erstellen Sie ein Cookie-Zustimmungs-Popup in Elementor

Die Pro-Version von Elementor wird mit einem Popup-Builder geliefert, mit dem Sie ein schönes Popup erstellen können. Sie können den Popup-Builder von Elementor verwenden, um jede Art von Popup zu erstellen, die Sie im Internet finden.

Entdecken Sie auch: So erstellen Sie ein Kontaktformular in Elementor

In diesem Artikel zeigen wir Ihnen, wie Sie den Popup-Builder von Elementor verwenden, um ein Popup zur Cookie-Zustimmung zu erstellen. Elementor selbst bietet einige Popup-Vorlagen, die Sie verwenden können, um ein Cookie-Zustimmungs-Popup zu erstellen, aber in diesem Artikel werden wir das Cookie-Zustimmungs-Popup von Grund auf neu erstellen.

Gehen Sie zuerst zu Vorlagen -> Popups. Klicken Sie auf die Schaltfläche hinzufügen um ein neues Popup zu erstellen

Geben Sie Ihrem Popup einen Namen und klicken Sie auf die Schaltfläche EIN MODELL ERSTELLEN um mit der Erstellung der Popup-Vorlage zu beginnen.

Da wir das Popup von Grund auf neu erstellen möchten, schließen Sie einfach die Vorlagenbibliothek, indem Sie auf das Symbol klicken X in der oberen rechten Ecke.

So erstellen Sie ein Cookie-Zustimmungs-Popup in Elementor

Erstellen Sie ganz einfach Ihre Website mit Elementor

Mit Elementor können Sie auf einfache Weise jedes Website-Design mit einem professionellen Look erstellen. Zahlen Sie nicht mehr teuer für das, was Sie selbst tun können. [Kostenlos]

Bevor Sie den Inhalt zum Popup-Fenster hinzufügen, nehmen Sie zunächst einige erforderliche Einstellungen vor. Sie können das Zahnradsymbol in der unteren linken Ecke öffnen, um das Popup-Fenster für die Einstellungen zu öffnen. Hier sind die Parameter, die wir verwenden werden.

  • Unter der Option Breite unter dem block Layout, Ersetzen Sie das Gerät durch VW und ändern Sie den Wert auf 100.
  • Definiere das Höhe um es anzupassen zum Inhalt
  • Stellen Sie die horizontale Position auf Center
  • Stellen Sie die vertikale Position auf Gering
  • Option deaktivieren Überlagerung
  • Schaltfläche deaktivieren Fermer
Erstellen Sie ein Cookie-Zustimmungs-Popup in Elementor

Sie können auch die Ein- und Ausstiegsanimation aus dem Block einstellen Layout.

Lesen Sie auch: So fügen Sie ein Preisraster in Elementor hinzu

Dann gehen Sie auf die Registerkarte Stil um den Hintergrund des Popups zu ändern. Sie können einen Hintergrund, einen Farbverlauf oder ein einfarbiges Bild verwenden.

Sobald Sie mit den Grundeinstellungen fertig sind, können Sie mit dem Hinzufügen des Inhalts zu Ihrem Popup beginnen. Beginnen Sie damit, einen Abschnitt hinzuzufügen, indem Sie auf das Plus-Symbol im Bearbeitungsfeld klicken und eine Spaltenstruktur auswählen, die Sie verwenden möchten (wir verwenden in diesem Beispiel die dreispaltige Struktur).

Fügen Sie das Texteditor-Widget zur ersten Spalte hinzu und ersetzen Sie den Standardtext durch Ihren eigenen Text. Sie können etwas eingeben wie „Diese Website verwendet Cookies, um sicherzustellen, dass Sie die beste Erfahrung auf unserer Website machen“. Sie können den Text unter der Registerkarte anpassen Stil. Sie können Dinge wie Typografie (Schriftfamilie, Schriftstil, Schriftgröße usw.) und Textfarbe einstellen.

Bevor Sie den Inhalt der zweiten Spalte hinzufügen, können Sie zunächst die Größe der Spalten festlegen. Bewegen Sie dazu einfach Ihre Maus über eine Spalte, deren Größe Sie ändern möchten, bis Sie die gepunktete Linie sehen. Klicken und halten Sie es und ziehen Sie es nach rechts oder links.

Cookie-Zustimmungs-Popup

Nachdem Sie den Textinhalt in der ersten Spalte hinzugefügt und bearbeitet haben, fügen Sie der zweiten Spalte eine Schaltfläche hinzu. Wir werden diese Spalte verwenden, um die Schaltfläche " AKZEPTOR ". Ziehen Sie einfach das Schaltflächen-Widget in die zweite Spalte. Ersetzen Sie den Standard-Schaltflächentext durch etwas wie " AKZEPTOR "Oder" AKZEPTIEREN & SCHLIESSEN Und stellen Sie die Größe ein. Im Feld Verknüpfung, Klicken Sie auf das Datenbanksymbol und wählen Sie Pop-up.

Suchst du nach den besten WordPress Themes und Plugins?

Laden Sie die besten Plugins und WordPress-Themes auf Envato herunter und erstellen Sie ganz einfach Ihre Website. Schon mehr als 49.720.000 Downloads. [EXCLUSIVE]

Cookie-Zustimmungs-Popup

Klicken Sie auf das Schraubenschlüssel-Symbol im Feld Aufpoppen. In der Option Aktionen, setze es auf POPUP SCHLIESSEN et Aktivieren Sie die Option Nicht mehr anzeigen.

Um die Schaltfläche anzupassen, können Sie auf die Registerkarte zugreifen Stil. Auf dieser Registerkarte können Sie Dinge wie Typografie, Farbe, Hintergrundfarbe usw. des Schaltflächentexts festlegen.

Wenn Sie mit der zweiten Spalte fertig sind, fahren Sie mit der dritten Spalte fort. Wir werden diese Spalte verwenden, um die Schaltfläche " SICH WEIGERN ". Ziehen Sie einfach das Schaltflächen-Widget in diese Spalte. Ersetzen Sie den Standard-Schaltflächentext durch etwas wie " SICH WEIGERN "Oder" IGNORIEREN ".

Lesen Sie auch: So erstellen Sie einen Teammitgliedsbereich mit Elementor

Sie können auch die Größe und Ausrichtung der Schaltflächen festlegen. Im Feld Verknüpfung, füge die URL der Seite ein Allgemeine Geschäftsbedingungen Ihrer Website. Dies zwingt Ihren Besucher, die Allgemeinen Geschäftsbedingungen zu lesen, wenn er die Zustimmung verweigert.

Erstellen Sie ein Cookie-Zustimmungs-Popup

Sie können auf die Registerkarte zugreifen Stil um diesen Knopf auch besonders anzufertigen.

Wenn Sie den Inhalt des Popups geändert haben, klicken Sie auf die Schaltfläche VERÖFFENTLICHUNG unten in der linken Leiste. Definieren Sie im angezeigten Fenster die Anzeigebedingungen durch Klicken auf die Schaltfläche BEDINGUNG HINZUFÜGEN.

In diesem Beispiel zeigen wir das Popup auf der gesamten Website, aber auch auf der Seite mit den Allgemeinen Geschäftsbedingungen. Die Anzeigebedingungen werden also wie folgt aussehen. Klicken Sie auf die Schaltfläche WEITER fortzusetzen.

Im nächsten Schritt werden Sie aufgefordert, den Trigger zu setzen. In diesem Zusammenhang können Sie den Ladetrigger auf der Seite verwenden. Also aktiviere die Option Beim Laden der Seite und klicken Sie auf den Link SPEICHERN & SCHLIESSEN.

Erstellen Sie ein Cookie-Zustimmungs-Popup

Hier. Sie haben erfolgreich Ihr Cookie-Einwilligungs-Popup erstellt.

Am Ende

Transparenz ist für ein Unternehmen von entscheidender Bedeutung. Das Erstellen eines Popups zur Cookie-Zustimmung ist eine Möglichkeit, die Transparenz Ihres Unternehmens zu zeigen, da es zeigt, dass Ihre Website Daten von ihren Besuchern sammelt.

Erstellen Sie einfach Ihren Online-Shop

Laden Sie kostenlos WooCommerce herunter, die besten E-Commerce-Plugins, um Ihre physischen und digitalen Produkte auf WordPress zu verkaufen. [Empfohlen]

Wenn Sie Elementor zum Erstellen einer WordPress-Website verwenden, müssen Sie kein neues Plugin installieren, nur um ein Cookie-Zustimmungs-Pop-up zu erstellen. Stattdessen können Sie die Popup-Builder-Funktion von Elementor verwenden, um dies zu ermöglichen.

Holen Sie sich jetzt Elementor Pro!

Fazit

Hier ist ! Das war's für diesen Artikel, der Ihnen zeigt, wie Sie ein Cookie-Zustimmungs-Popup in Elementor erstellen. Wenn Sie Bedenken haben, wie Sie dorthin gelangen, flass es uns wissen im commentaires.

Sie können sich aber auch beraten unsere RessourcenWenn Sie mehr Elemente benötigen, um Ihre Projekte zur Erstellung von Internetseiten durchzuführen, konsultieren Sie unseren Leitfaden auf der WordPress-Blog-Erstellung oder der eine auf Divi: das beste WordPress-Theme aller Zeiten.

Aber in der Zwischenzeit Teile diesen Artikel in deinen verschiedenen sozialen Netzwerken.

...

Dieser Artikel enthält Kommentare 0

Hinterlassen Sie einen Kommentar

Ihre E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind markiert *

Diese Website verwendet Akismet, um unerwünschte Inhalte zu reduzieren. Erfahren Sie mehr darüber, wie Ihre Kommentardaten verwendet werden.

Zurück nach oben
0 Aktien
Aktie
tweet
Registrieren