Rubbellos

string(9) "rubbellos"

App testen
Schritt 1

Installation der App

Bitte nutzen Sie zunächst die Testversion der App in einer Test-Umgebung Ihres Shops, um sicherzustellen, dass die App in Ihrem Shop mit dem genutzten Theme, den eingesetzten Apps sowie unter Ihrer Shop-Konfiguration reibungslos funktioniert.

Installieren Sie die App in einer Test-Umgebung Ihres Shops. Falls Sie die Installation der App in der Live-Umgebung Ihres Shops vornehmen, sollten Sie unbedingt zuvor ein vollständiges Backup Ihres Shops erstellen, da es bei der Neu-Installation von Apps stets zu Inkompatibilitäten und schlimmstenfalls zur Nicht-Funktionalität Ihres Shops kommen kann.

Nachdem Sie die Testversion der App über Ihren Shopware Account bezogen haben, können Sie die App aus dem Shopware Store herunterladen. Anschließend können Sie die App im Backend unter „Erweiterungen“ > „Meine Erweiterungen“ durch Klick auf den blauen Button „Erweiterung hochladen“ (rechts oben) hochladen.

Wenn die App erfolgreich hochgeladen wurde, sollte sie in der Liste „Meine Erweiterungen“ im Reiter „Apps“ angezeigt werden. Jetzt können Sie die App durch Klick auf den Link „App installieren“ in Ihrem Shop installieren.

Schauen Sie sich in unserer Demo an, wie das Rubbellos in Ihrem Shop aussehen könnte:
Demo ansehen
Schritt 2

Einrichtung der App

Im Folgenden erklären wir Ihnen, wie Sie die App nach der Installation einrichten können.

Schritt 1: Aktivieren der App

Sobald Sie die App installiert haben, können Sie die App in der Administration unter „Erweiterungen“ > „Meine Erweiterungen“ im Reiter „Apps“ durch Klick auf den Regler-Button links neben dem App-Namen aktivieren. Wenn die App aktiv ist, wird der Regler blau.

Schritt 2: Theme kompilieren

Nach der Aktivierung der App sollten Sie Ihr Theme kompilieren. Dies können Sie über die Administration erreichen, indem Sie im linken Seitenmenü der Administration auf den gewünschten Verkaufskanal klicken und dann das Tab „Theme“ aufrufen. Klicken Sie dann auf den Button „Theme ändern“, wählen Sie das gewünschte Theme aus (ggf. auch das gleiche, welches bereits gesetzt war) und speichern Sie Ihre Auswahl durch Klick auf den blauen Button „Theme übernehmen“ und bestätigen Sie die Aktion durch Klick auf den blauen Button „Theme wechseln“. Das Theme sollte dann kompiliert werden. Je nach Cache Einstellung müssen Sie anschließend zudem den Cache leeren (sowohl den Shop Cache als auch ggf. Ihren Browser Cache).

Schritt 3: Hinzufügen über die Erlebniswelten

Um ein Rubbellos zu Ihrem Shop hinzuzufügen, gehen Sie im Backend in den Bereich „Inhalte“ > „Erlebniswelten“ und öffnen Sie die gewünschte Erlebniswelt, in welcher das Rubbellos erscheinen soll. Anschließend können Sie den „Rubbellos“-Block zur Erlebniswelt über Drag & Drop hinzufügen. Sie finden den Block in der Kategorie „Text & Bild“. Wenn Sie mit der Maus über das Element fahren, erscheint ein Icon für die Einstellungen. Durch Klick auf das Einstellungs-Icon können Sie das jeweilige Element bearbeiten.

Schritt 4: Konfiguration des Elements

In den Optionen des Elements können Sie in den 3 Tabs „Vordergrund“, „Hintergrund“ und „Einstellungen“ die Konfiguration für ein Rubbellos vornehmen. Sie können im Tab Vordergrund sowohl aus mehr als 20 mitgelieferten Bilder auswählen als auch ein eigenes Bild verwenden. Für eine optimale Darstellung empfehlen wir eine Auflösung von 1200 x 600 Pixeln für das Bild. Der „Vordergrund“ ist die Fläche, welche von Ihren Kunden ausradiert wird. Die Inhalte, die freigerubbelt werden, können Sie in dem Tab „Hintergrund“ festlegen. Sie haben die Möglichkeit eine Hintergrundfarbe oder ein Hintergrundbild festzulegen. Des Weiteren können Sie optional einen Titel, eine Beschreibung und eine Überraschung setzen. Die Überraschung besteht entweder aus einem Button (mit Verlinkung) oder aus einem Gutscheinfeld. Im Tab „Einstellungen“ können Sie den Radierstil auswählen, wie viel des Vordergrunds der Kunde ausradieren muss (in Prozent), damit er die Überraschung komplett sieht, festlegen und einen Radierer (Cursor) setzen. Speichern Sie Ihre gewünschten Einstellungen durch Klick auf den Button „Fertig“. Wenn Sie zufrieden mit den gesetzten Inhalten und den Einstellungen sind, speichern Sie die Erlebniswelt ab und überprüfen Sie, ob das Rubbellos wie gewünscht in Ihrem Shop dargestellt wird.

Schritt 5: Rubbellos testen

Da es stets vorkommen kann, dass die App unter bestimmten Theme-, App- und Shopkonstellationen nicht richtig funktioniert, sollten Sie anschließend testen, ob das Rubbellos in Ihrem Shop wie gewünscht funktioniert.

Hinweis
Bitte nutzen Sie die Testversion der App in einer Test-Umgebung Ihres Shops, um sicherzustellen, dass die App in Ihrer Shop-Konfiguration reibungslos funktioniert.
Schritt 3

Einstellungen

Vordergrund-Bild

Legen Sie fest, welches Bild als Vordergrund genutzt werden soll (mitgeliefertes oder eigenes Bild). Für eine optimale Darstellung empfehlen wir eine Auflösung von 1200 x 600 Pixeln. Bestenfalls sollten Sie das Bild komprimieren.

Hintergrund

Legen Sie fest, ob eine Farbe oder ein eigenes Bild als Hintergrund gesetzt werden soll. Für eine optimale Darstellung empfehlen wir eine Auflösung von 1200 x 600 Pixeln bei der Verwendung eines Bildes. Bestenfalls sollten Sie das Bild komprimieren.

Titel

Tragen Sie hier den Titel für den Hintergrund ein.

Titel Tag

Legen Sie den HTML-Tag für den Titel fest (p, h1, h2 usw.).

Titel Farbe

Setzen Sie die gewünschte Farbe für den Titel.

Beschreibung

Tragen Sie hier den Text für den Hintergrund ein.

Beschreibung Farbe

Setzen Sie die gewünschte Farbe für den Text.

Überraschung anzeigen

Geben Sie an, ob eine Überraschung (Button oder Gutscheinfeld) angezeigt werden soll.

Überraschung Typ

Wählen Sie aus, ob Sie einen Button oder ein Gutscheinfeld benutzen möchten.

URL

Geben Sie den Link für den Button an.

Button Text

Geben Sie den Text für den Button an.

Interner Link

Ist die angegebene URL ein interner oder externer Link?

Gutscheincode

Geben Sie einen Gutscheincode für Ihre Kunden an.

Icon zum kopieren anzeigen

Geben Sie an, ob Sie ein Icon für das Kopieren in der Zwischenablage verwenden möchten.

Highlight-Farben

Bestimmen Sie die Highlightfarben für die Überraschung.

Radierstil

Wählen Sie den Radierstil beim Freirubbeln aus.

Prozentangabe

Wie viel des Vordergrunds sollen Ihre Kunden ausradieren, damit der Hintergrund komplett angezeigt wird?

Radierer

Wählen Sie den Radierer (Cursor) aus, welcher Ihre Kunden zum Freirubbeln verwenden sollen.

Hinweis
Bitte nutzen Sie die Testversion der App in einer Test-Umgebung Ihres Shops, um sicherzustellen, dass die App in Ihrer Shop-Konfiguration reibungslos funktioniert.
Rubbellos

Häufige Fragen zur App

Warum wird das Rubbellos in meinem Shop nicht angezeigt?

Bitte stellen Sie sicher, dass Sie das Rubbellos bei der Erlebniswelt hinzugefügt haben, die für die gewünschte Seite bzw. Kategorie aktiv ist.

Bei Fragen schreiben Sie uns gerne eine Nachricht an support@code108.de.
Shopware 6 Apps von Code 108

Diese Apps könnten Ihnen auch gefallen