Webshop Booster bh 1/2016

Transkript

1 Schulungsteil Webshop Booster bh 1/2016 Integration von Content im WebShop Neue Schnittstellen und Funktionen > Accarda, MailChimp, Auto Suggest Einbindungen von Widgets 1

2 Integration von Content in Concerto WebShop 2

3 Integrationvon Content in Concerto WebShop Wieso Zusatzseiten integrieren? i Steigerung des Kundennutzens Kunden schätzen Zusatzinformationen zu IhrenProdukten Produkten, Dienstleistungen oder zu Ihrer Firma. Ausserdem besteht die Möglichkeit, dass Ihr Webshop aufgrund dieser Zusatzinformationen von den Kunden auf Google gefunden wird. Verhilft zu einem besseren Ranking auf Google Google wertet zusätzliche Seiten und Informationen positiv, vorausgesetzt dass diese entsprechend formatiert sind. 3

4 Integrationvon Content in Concerto WebShop Was muss ich beim Content betreffend SEO beachten? Mehr Seiten und mehr Content begünstigen g das Ranking Die Startseite ist die wichtigste Seite in der Hierarchie Unbedingt eigenen und keinen duplicate Content hinterlegen Die Titel sollten als h1 definiert sein, die Zwischentitel als h2, Untertitel als h3 bitte jeweils je Seite nur 1x h1 benutzen > dies ist der Titel der Seite. Untertitel bitte mit h2/h3/h4 formatieren >>BEISPIEL Titel wenn möglich mit den für das Thema der Seite relevante Keywords versehen Bilder in der richtigen Grösse 1:1 (möglichst kleine Dateigrösse) integrieren und Bilder mit «Klartext» benennen Die Seiten im Menu integrieren, Links zu eignen Seiten einfügen Layout sollte responsive sein (keine fixen Tabellen verwenden, Bilder optimieren) 4

5 Integrationvon Content in Concerto WebShop Wie machen ich ihmeinen Content t responsiver? Bilder in der richtigen Grösse hinterlegen und Code der Bilder anpassen Keine Tabellen mehr einfügen > Diese können auf mobilen Endgeräten nicht korrekt dargestellt werden. 12 Raster Darstellung (Bootstrap) Dieses CSS Framework ist auf der Darstellung von einem 12er Raster Grid aufgebaut. Der Balken zeigt die volle Bildschirmbreite mit dem verwendeten 12er Raster/Grid. Das hat den Vorteil, dass bei einer Darstellung auf dem mobilen Endgerät die Elemente in diesem Raster automatisch korrekt dargestellt werden. 5

6 Integrationvon Content in Concerto WebShop Spalten Darstellung t ll im Wbh Webshop mit Bootstrap t Je nachdem welche Breite Sie einer Spalte zuordnen, wird diese mehr oder weniger breit angezeigt. Unsere erste Beispiel zeigt drei gleichmässige Spalten. Hier ist der 12er Raster in drei Teile aufgeteilt. Das ergibt je Spalte 4 Grids des 12er Grundrasters. >>BEISPIEL 6

7 Integrationvon Content in Concerto WebShop Spalten Darstellung t ll im Wbh Webshop mit Bootstrap t In diesen Beispielen werden unterschiedliche Spaltenbreiten angezeigt. Jede Aufteilungergibt ergibt alsganzes jedoch 12 Grids ( ), (3+6+3) und (8+4). Sechs gleiche Spalten >>Beispiel Drei unterschiedliche Spalten >>Beispiel Zwei unterschiedliche Spalten >>Beispiel 7

8 Integrationvon Content in Concerto WebShop Bi Beispiel ilfür eine responsive Spalten Darstellung t ll Die Breiten werden mit Klassen festgelegt. Im HTML Code muss diese je nach gewünschter Breite angepasst werden. Beispiel: <div class= col sm 2 > l entspricht der Breite von 2 Grid HTML Codes für diese Beispiele: 8

9 Integrationvon Content in Concerto WebShop Bi Beispiel ilfür eine responsive Spalten Darstellung t ll Beispiel einer responsiven Tabelle mit verschieden breiten Spalten und Bildern. Die Tabelle wird bei Browserverkleinerung zunächst äht im korrekten Verhältnis verkleinert und ab einer gewissen Breite untereinander Verschachtelt >>Schlechtes Beispiel 9

10 Neue Schnittstellen und Funktionen Neue Schnittstelle zum Concerto Webshop 10

11 Integrationvon Content in Concerto WebShop Integration ti von Social lmdi Media Inhalten 3 spaltige und 4 spaltige Footer Vorlagen mit Social Media & Zahlungsarten 11

12 Neue Schnittstellen und Funktionen Neue Schnittstelle zum Concerto Webshop 12

13 Neue Schnittstellen und Funktionen Automatisiertes ti i t E Mail Marketing MilM mit MailChimp Ab ca. Ende März bietet ProSeller eine kostenlose Schnittstelle zur professionellen Online Lösung für automatisierte ti i t Kunden Newsletter. Alle modifizierten i Kundendaten d können dank der Schnittstelle mit der Datenbank auf MailChimp synchronisiert werden. Diese Form von Marketing eignet sich optimal für: Geburtstags Wünsche (z.b. automatischer Versand 1 Tag vor dem Geburtstag) Winback Newsletter (z.b. automatisch ausgelöst nach 3 Monaten Inaktivität) Danke Newsletter nach Kauf Gefüllter Warenkorb usw. 13

14 Neue Schnittstellen und Funktionen Festlegen von Kampagnen mit MailChimp MailChimp ist als Free Version erhältlich. Die Profi Version i ist kostenpflichtig. i Die Concerto Schnittstelle ist gratis. Aufwand ProSeller für Einrichtung und Schulung der Schnittstelle ca. 2 ½ Tage 14

15 Neue Schnittstellen und Funktionen Suche neu mit Auto Suggest t Seit Ende 2015 sind standardmässig Suchvorschläge (Auto Suggest) in den Webshops integriert. Die Suche wird laufend verbessert und weiterentwickelt. Ab nächster Version erhältlich. 15

16 Einbindungen von Widgets Einbindungen von Widgets "Widgets" ist die Bezeichnung für Inhaltsblöcke, die im Administrationsbereich bequem auf Content- oder Layout-Seiten gezogen werden können. 1. Widgets in Content Seiten aktivieren Widgets im Layout Bereich ih 2. Widgets in Content Seiten anwählen und parametrisieren 16