Hier finden Sie Anleitungen und unterstützende Informationen zur Verwendung des Designers.
You have «installed Designer» and would now like to begin designing your website.
We recommend that you follow the steps below in this order.
There are many elements available to you for designing your websites. You can drag and drop these elements to position them wherever you want in the content area.
After «logging into Designer», follow these steps:
Sie befinden sich auf der Startseite im Designer-Editor und somit im Bereich «Seiten». Klicken Sie auf die gewünschte Seite, die Schrift wird nun orange angezeigt. Anschliessend klicken Sie oben «Inhalt» oder das «Plus-Symbol im roten Kreis».
Es öffnet sich ein Menü mit einem Scrollbalken. Hier stehen Ihnen (je nach Designer-Abonnement) mehr oder weniger Elemente zur Verfügung.
Sie können nun das gewünschte Element via Drag & Drop (Ziehen und Ablegen) im «Inhaltsbereich» einfügen.
Hier stehen Ihnen nun folgende Inhaltselemente zur Verfügung, welche Sie an einem beliebigen Ort innerhalb des Inhaltsbereichs der Seite positionieren können:
Bild: Ein Grafikelement.
Text: Ein Textabsatz (entspricht einem <p>-Tag in HTML).
Karte: Ein Kartenausschnitt aus Google Maps. Sie können die anzuzeigende Adresse, den Zoom-Faktor sowie die Höhe des Elements ändern, wenn Sie das Element anklicken.
Twitter: Ein Widget zur Einbindung der neusten Tweets eines Twitter-Profils.
Facebook: Ein Widget zur Empfehlung der jeweiligen Seite auf Facebook (Teilen-Funktion).
Button: Ein Button, womit Sie auf einen internen oder einen externen Link oder auf eine E-Mail-Adresse verlinken können.
Überschrift: Eine grosse Überschrift (entspricht einem <h1>-Tag in HTML).
Kontaktformular: Ein einfaches Kontaktformular, bei welchem Sie den E-Mail-Titel, den Button-Text, den Stil, die Empfänger-Adresse und die Erfolgsseite frei definieren können.
Trennlinie: Ein Trennbalken (entspricht einem <hr />-Tag in HTML), zur optischen Abtrennung von Inhalten auf der Seite.
Abstand: Ein frei veränderbarer Leerraum, mit welchem Sie die Inhalte einer Seite optisch strukturieren können.
Tweet: Ein Widget zur Empfehlung der jeweiligen Seite auf Twitter.
Privat: Ein Widget zu Ihrem privaten LinkedIn-Profil.
Business: Ein Widget zu Ihrem geschäftlichen LinkedIn-Profil.
YouTube: Binden Sie ein beliebiges YouTube-Video in Ihre Seite ein.
Slideshow: Stellt hochgeladene Bilder in einer Slideshow dar. Die gewünschten Grafiken können Sie umgehend in einem Popup hochladen.
Galerie: Stellt hochgeladene Bilder in einer Bildergalerie dar. Die gewünschten Grafiken können Sie umgehend in einem Popup hochladen.
Code¹: Ein Element, bei dem Sie beliebigen HTML- und JavaScript-Code einfügen können. Beispielsweise um externe Widgets einzubinden.
Anmelden: Ein Formular zur Angabe einer E-Mail-Adresse. Dieses Element kann beispielsweise für das Abonnieren eines Newsletters verwendet werden.
Paypal²: Fügt ein Feld hinzu, bei welchem Sie anschliessend Produktname, Produktpreis, Versandkosten, Button-Text, Ausrichtung sowie die PayPal-Einstellungen (E-Mail-Konto & Währung) einstellen können. Danach erhalten Sie den gewünschten «PayPal jetzt kaufen»-Button.
Dropbox: Verlinken Sie einen beliebigen Dropbox-Link auf Ihrer Seite.
Beitragsliste: Listet die Blog-Artikel auf, welche Sie in der Blog-Funktion erstellen können.
Disqus: Ein Widget für das Einfügen einer DISQUS-Diskussion.
Blog-Suche: Eine Suchfunktion für die Blog-Artikel, welche Sie in der Blog-Funktion erstellt haben.
Artikelliste¹: Fügt Artikel aus Ihrem Shop hinzu.
Empfohlene Produkte¹: Fügt Artikel aus Ihrem Shop gemäss dem gewählten Schlagwort hinzu. Wählen Sie das Stichwort, den Text über der Auswahl und die Anzahl der angezeigten Artikel.
Kategorien¹: Fügt die definierten Kategorien Ihres Shops hinzu.
SoundCloud: Betten Sie beliebige Audio-Inhalte von SoundCloud ein.
Eigenes Formular: Ein Formular zur Angabe einer E-Mail-Adresse, welches Sie noch erweitern können mit Zusatzfeldern.
Sämtliche Inhalte können Sie nachträglich ändern, indem Sie ein eingefügtes Element anklicken, dadurch öffnet sich der jeweilige Bearbeitungsmodus (hier z.B. Bearbeitungsmodus des Elements «Eigenes Formular»).
¹ Diese Funktion steht Ihnen ab dem DesignerBiz-Abonnement zur Verfügung.
² Diese Funktion steht Ihnen im DesignerPlus-Abonnement zur Verfügung.
Dokumente wie PDF-Dateien können einfach via Drag&Drop hochgeladen und via Button in Ihrem Designer verlinkt werden. Sie können auch einen Text-Link hinzufügen, um das PDF auf Ihrer Seite zu verlinken.
Nachdem Sie sich in den «Designer eingeloggt» haben, gehen Sie anschliessend wie folgt vor:
Sie befinden sich auf der Startseite im Designer-Editor und somit im Bereich «Seiten». Klicken Sie auf die gewünschte Seite, die Schrift wird nun orange angezeigt.
Anschliessend klicken Sie oben auf «Inhalt» oder das «Plus-Symbol im roten Kreis». Das Inhaltsmenü wird nun links angezeigt.
Klicken Sie auf das Inhaltselement «Button» und ziehen Sie es auf die Seite, um es am gewünschten Platz einzufügen.
Der «Button» wird umgehend platziert und angezeigt.
Um nun den «Button» zu bearbeiten, fahren Sie mit der Maus über den «Button» und klicken Sie auf das «Zahnrad-Icon» bzw. das «Einstellungen»-Symbol.
Fügen Sie im Bereich «Text» den gewünschten Buttontext hinzu (hier z.B. Wunschliste PDF).
Im Bereich «Link zu...» klicken Sie auf das «Dropdown-Icon» und wählen im erscheinenden Menü «PDF-Datei».
Ein Popup öffnet sich. Hier können Sie nun via Drag&Drop die gewünschte PDF-Datei einfügen.
Die Datei wird umgehend hochgeladen und im «Button-Einstellungsfenster» links angezeigt. Klicken Sie anschliessend auf «Speichern», um die Anpassungen zu sichern.
Klicken Sie nun im oberen Bereich auf «Vorschau», um die Verlinkung des Buttons zu testen.
Die Vorschauansicht öffnet sich. Klicken Sie nun auf den Button, um das verlinkte PDF zu öffnen.
Das PDF wird in einem neuen Tab geöffnet.
Um zum Editor zurück zu kehren, klicken Sie in der Vorschauansicht der Seite oben auf «Bearbeiten». Sie werden umgehend in den Editor bzw. den Bearbeitungsmodus umgeleitet.
Damit Sie einen «Textlink» zum PDF-Download einfügen können, müssen Sie den Ablauf der «Button-Verlinkung» als erstes durchführen.
Um nun den «Text» zu bearbeiten, fahren Sie mit der Maus über den «Text» und klicken Sie auf das «Zahnrad-Icon» bzw. das «Einstellungen»-Symbol.
Markieren Sie im Bearbeitungsbereich den Text, den Sie als Link auszeichnen wollen und klicken Sie anschliessend oben auf das «Link-Symbol».
Im sich nun öffnenden Popup klicken Sie im Bereich «Eine Seite auf meiner Webseite» auf das «Pfeil-Symbol». Es öffnet sich ein Dropdown-Menü. Wählen Sie «Eine externe Seite» aus.
Gehen Sie nun auf das Tab der PDF-Vorschau und kopieren Sie die URL.
Fügen Sie nun diesen Link im Popup unter «Externer Link» ein. Unter «Zielfenster» können Sie auswählen, ob der Link im selben oder einem neuen Tab geöffnet werden soll.
Klicken Sie anschliessend auf das gelbe Häkchen um den Link zu speichern.
Der Textlink wird umgehend gespeichert uns Sie werden auf die Seitenansicht weitergeleitet. Der Textlink ist nun farblich markiert.
Klicken Sie nun im oberen Bereich auf «Vorschau», um die Verlinkung des Textes zu testen.
Die Vorschauansicht öffnet sich. Klicken Sie nun auf den Textlink, um das verlinkte PDF zu öffnen.
Das PDF wird in einem neuen Tab geöffnet.
Um zum Editor zurück zu kehren, klicken Sie in der Vorschauansicht der Seite oben auf «Bearbeiten».
Sie werden umgehend in den Editor bzw. den Bearbeitungsmodus umgeleitet.
Wenn Sie den Button nicht mehr benötigen, da Sie das PDF als Textlink hinterlegt haben, so löschen Sie diesen.
Um nun den «Button» zu löschen, fahren Sie mit der Maus über den «Button» und klicken Sie auf das «Abfalleimer-Icon» bzw. das «Löschen»-Symbol.
Der Button wird umgehend gelöscht und die Seitenansicht aktualisiert.
Because it is not possible to directly upload video files to Designer, you should link to them on YouTube instead.
To do so, follow these instructions:
Selected the desired video and copy the URL now displayed in your browser’s address bar.
After you have «logged into Designer», select the page on which you want to add a video link.
Anschliessend klicken Sie oben auf «Inhalt» oder das «Plus-Symbol im roten Kreis». Das Inhaltsmenü wird nun links angezeigt. Scrollen Sie soweit nach unten, bis das Inhaltselement «Youtube» sichtbar wird.
Klicken Sie auf das Inhaltselement «Youtube» und ziehen Sie es auf die Seite, um es am gewünschten Platz einzufügen.
Um nun das «Platzhalter-Video» zu bearbeiten, fahren Sie mit der Maus über den «Youtube»-Bereich und klicken Sie auf das «Zahnrad-Icon» bzw. das «Einstellungen»-Symbol.
Der Bearbeitungsbereich wird links geöffnet. Um den ganzen Code zu sehen, ziehen Sie am unteren rechten Ecken das «Kästchen»-Symbol nach unten.
Please note that you have to modify the code here.
The copied link in the example is www.youtube.com/watch?v= 4AqIYM9TkF8
The example link copied into the editing area is
<iframe src="//www.youtube.com/embed/FHtvDA0W34I" frameborder="0" allowfullscreen></iframe>
Replace the video identifier (FHtvDA0W34I) with that of the video to which you are linking (here 4AqIYM9TkF8) and then click «Save».
Die Ansicht wird umgehend aktualisiert und das korrekte Video als «Bildplatzhalter» angezeigt.
If you switch the mode to «Preview», you can check whether the desired YouTube video is correctly embedded and displayed.
Die Vorschauansicht wird geöffnet und Sie können nun das Video abspielen lassen.
Um zum Editor zurück zu kehren, klicken Sie in der Vorschauansicht der Seite oben auf «Bearbeiten». Sie werden umgehend in den Editor bzw. den Bearbeitungsmodus umgeleitet.
With a simple click of your mouse, Designer lets you see a live preview of pages you have edited. Each time you make a change, you can always use the previews for desktop, tablet and smartphone formats.
After «logging into Designer», follow these steps:
You are now on the start page in Designer’s Editor. Click the page you want to edit and click the switch to move it from the «Edit» to the «Preview» position.
Depending on the view you have selected (in this case, desktop), you will see the corresponding preview. All editing elements within the page content are hidden.
You can view the live preview in three different resolutions:
Clicking the «Tablet» icon switches the live preview to the tablet view. If you click the tablet icon a second time, the display switches from portrait to landscape, and vice versa.
Clicking the «Smartphone» icon switches the live preview to the smartphone view. If you click the icon a second time, the display switches from portrait to landscape, and vice versa.
To return to Designer’s editing mode, first click the «Monitor» icon and then change the switch from «Preview» to «Edit».
Im Designer steht es Ihnen frei spezifische Template-Elemente ein- bzw. auszublenden.
Nachdem Sie sich in den «Designer eingeloggt» haben, gehen Sie anschliessend wie folgt vor:
Sie befinden sich auf der Startseite im Designer-Editor und somit im Bereich «Seiten».
Das «Symbol für Versteckte Inhalte» finden Sie oben rechts - «Durchgestrichenes Auge - Icon».
Durch Klick auf das «Symbol für Versteckte Inhalte» wir links das entsprechende Einstellungsmenü eingeblendet.
Hier stehen Ihnen folgende Vorlagen-Elemente zur Auswahl:
Sie können auch direkt beim Vorlagen-Element das Element ausblenden. Fahren Sie mit der Maus über das «Element» und klicken Sie auf das «Augen-Icon».
Im Menü links wird umgehend das Element als deaktiviert gekennzeichnet.
Wenn Sie alle Einstellungen (ein- bzw. ausblenden) getätigt haben (hier z.B. das Ausblenden des Seitenlogos), klicken Sie auf «Fertig» um die Einstellungen zu sichern.
Die Seite wird umgehend aktualisiert. Das Seitenlogo wird nicht mehr eingeblendet.
Sollten Sie es wieder einblenden wollen, so klicken Sie erneut oben auf das «Durchgestrichenes Auge - Icon» und wiederholen Sie den Vorgang.
Once you have finished setting up your website and would like to publish it, follow these steps:
Click «Publish» in the upper menu.
A pop-up windows opens. It shows you the domain under which the Designer website will be published. Then click «Publish».
Die Daten werden veröffentlicht. Danach wird die Erfolgsmeldung eingeblendet.
Sie können nun auf «Fertig» klicken, um wieder in den Bearbeitungsmodus zu gelangen.
Oder aber Sie klicken auf «Webseite besuchen».
Your website is immediately published and can now be accessed over the Internet. Sie wird in einem neuen Tab geöffnet.
Definieren Sie die Hauptmerkmale Ihrer Designer-Webseite.
Nachdem Sie sich in den Designer eingeloggt haben, gehen Sie wie folgt vor:
Sie befinden sich auf der Startseite im Designer-Editor und somit im Bereich «Seite». Klicken Sie im Menü links bei «Meine Seite» auf das «Drei-Punkte-Icon».
Es öffnet sich das Menü mit folgenden Einstellungs-Möglichkeiten:
Folgen Sie den detaillierten Anleitungen durch Klick auf den entsprechenden Link in der Aufzählung.
Für die Gestaltung des Website-Hintergrundes stehen Ihnen mehrere Optionen zur Verfügung.
Nachdem Sie sich in den «Designer eingeloggt» haben, gehen Sie wie folgt vor:
Sie befinden sich auf der Startseite im Designer-Editor und somit im Bereich «Seite». Klicken Sie im Menü links bei «Meine Seite» auf das «Drei-Punkte-Icon». Es öffnet sich folgende Ansicht:
Klicken Sie auf «Seitenstile».
Die Optionen für den Website-Hintergrund werden Ihnen angezeigt. Standardmässig ist «Volltonfarbe» eingestellt. Klicken Sie auf das Dropdown-Menü. Es stehen drei Varianten zur Auswahl:
Wenn Sie als Hintergrund eine Farbe möchten, wählen Sie im Dropdown-Menü den Typ «Volltonfarbe».
Klicken Sie anschliessend bei «Hintergrundfarbe» auf das Farbquadrat.
Der Farbwähler-Bereich öffnet sich. Sie können nun die Farbe über das hier angezeigt Kachelsystem wählen.
Wenn Sie auf einen Farbton klicken, wird die Ansicht automatisch aktualisiert. So können Sie gleich kontrollieren, ob dies Ihren Wünschen entspricht.
Sie können auch den «HEX-Farbwert» unten im Bereich Farbe direkt eintragen, sollten Sie diesen zur Hand haben.
Sie können die Farbe auch über den Farbkreis, der viel mehr Nuancen zulässt, wählen bzw. hier noch verfeinern. Klicken Sie oben auf das entsprechende Icon.
Wählen Sie eine Farbe im Kreis, die Ansicht wird automatisch aktualisiert. Neben dem Farbkreis stehen Ihnen nun noch zwei weitere Einstellungsmöglichkeiten zur Verfügung - die Helligkeit der Farbe sowie der Weissanteil.
Sie können auch den «RGB-Farbwert» unten im Bereich Farbe direkt eintragen, sollten Sie diesen zur Hand haben.
Wenn Sie mit der Farbauswahl zufrieden sind, klicken Sie auf «Zurück», damit die Einstellungen gespeichert werden.
Wenn Sie im Website-Hintergrund einen Farbverlauf möchten, klicken Sie im Dropdown-Menü auf «Verlauf».
Sie können nun die 1. Farbe und die 2. Farbe des Verlaufs definieren und auswählen, wie der Farbverlauf erfolgen soll: «Vertikal», «Horizontal» oder «Kreisförmig».
Wenn Sie mit der Farbauswahl zufrieden sind, klicken Sie auf das «X-Symbol» damit die Einstellungen gespeichert werden.
Wenn Sie als Website-Hintergrund ein Bild verwenden möchten, klicken Sie im Dropdown-Menü auf «Bild».
Sie können nun ein Bild wählen, indem Sie auf den Bereich «Bild ändern» klicken.
Wählen Sie ein kürzlich hochgeladenes Bild, ein professionelles Bild aus der Bilderbibliothek oder fügen Sie Ihr Wunschbild durch Klicken auf «Ein neues Bild hochladen» hinzu.
Danach können Sie weitere Einstellungen für den Bildhintergrund festlegen.
Unter «Skalieren» wählen Sie zwischen «Vollbild» und «Originalgrösse».
Dann können Sie die «Horizontale» Platzierung definieren, wie «Links», «Mittig» und «Rechts».
Im Bereich «Vertikal» definieren Sie die Platzierung wie «Oben», «Mittig» und «Unten».
Je nach Wahl unter «Wiederholen», können Sie noch festlegen, ob Ihr Bild «Keine», eine «Horizontal»-, eine «Vertikal»-Wiederholung oder «Beide» benötigt.
Durch Klicken auf das «X-Symbol» wird der Bild-Hintergrund automatisch gespeichert.
Einige Seitenelemente haben eine eigene Hintergrundfarbe definiert, je nach Template. Diese können Sie, wenn Sie eine Volltonfarbe als Hintergrund gewählt haben, ebenfalls noch anpassen.
Nachdem Sie sich in den «Designer eingeloggt» haben, gehen Sie wie folgt vor:
Sie befinden sich auf der Startseite im Designer-Editor und somit im Bereich «Seite». Klicken Sie im Menü links bei «Meine Seite» auf das «Drei-Punkte-Icon». Es öffnet sich folgende Ansicht:
Klicken Sie auf «Seitenstile».
Der Bereich «Home Page» ist noch immer mit einer weissen Seiteninhalts-Farbe definiert. Um diese nun dem bereits gewählten Vollton-Hintergrund anzupassen, klicken Sie im Bereich «Inhaltsstile - Seiteninhalt (Hintergrund)» auf das Farb-Quadrat.
Wählen Sie nun die gewünschte Farbe aus oder geben Sie den Farbwert ein und speichern Sie Ihre Definition durch Klick auf das «Zurück-Symbol».
Im Designer können Sie sämtliche Schrifttypen (wie Titel, Lauftext, Buttontexte usw.) gemäss Ihren Wünschen anpassen.
Nachdem Sie sich in den «Designer eingeloggt» haben, gehen Sie wie folgt vor:
Sie befinden sich auf der Startseite im Designer-Editor und somit im Bereich «Seite». Klicken Sie im Menü links bei «Meine Seite» auf das «Drei-Punkte-Icon». Es öffnet sich folgende Ansicht:
Klicken Sie auf «Seitenstile».
In der sich öffnenden Ansicht können Sie nun unter «Inhaltsstile» sämtliche vordefinierten Schriftfarben und Schrifttypen des gewählten Designs anpassen.
Als erstes können Sie im Bereich «Seiteninhalt Hintergrundfarbe» die Farbe der Seiteninhalts-Elemente definieren.
Im Anschluss werden Ihnen je nach Template die entsprechenden Schrifttypen aufgelistet und mit einem Farb-Quadrat angezeigt.
Definieren Sie durch Klick auf das Farb-Quadrat die gewünschte Farbe für folgende Schrifttypen:
Wenn Sie mit der Farbauswahl zufrieden sind, klicken Sie auf «X-Symbol», damit die Einstellungen gespeichert werden.
Im unteren Bereich unter «Inhaltsstile» können Sie nun die Details zu den Schrifttypen definieren.
Klicken Sie auf den gewünschten Typ (hier z. B. «H2 Schrift»), um die Formatierungsmöglichkeiten anzuzeigen. Es werden die Einstellungsmöglichkeiten eingeblendet.
Hier z. B. unter «H2 Schrift» können Sie folgende Parameter ändern:
Durch Klicken auf «Zurück» und anschliessend das «X-Symbol» werden die Anpassungen automatisch gespeichert.
Your website is structured by arranging each individually added page.
After «logging into Designer», follow these steps:
Sie befinden sich auf der Startseite im Designer-Editor und somit im Bereich «Seite». Klicken Sie auf «Seite / Menüpunkt hinzufügen».
Erstellen Sie nun eine Seite, indem Sie den gewünschten «Seitentitel» einfügen und den «Seitentyp» auswählen.
Folgende Seitentypen stehen Ihnen je nach Template zur Verfügung:
Please note that once you select a «Page type» and create the page, it cannot be changed. If you selected the wrong page type, you have to delete the page and create a new one.
Next, click «SAVE».
The page is immediately added and displayed under «Site».
Sie können unter «Seiteneinstellungen» für jede Seite weitere Informationen hinterlegen bzw. ändern. Gehen Sie gemäss der Anleitung «Seiteneinstellungen» vor.
Repeat the procedure until you have added all the pages mit den entsprechenden Seitentypen you want to add.
To view the menu’s structure as a website preview, click «Preview». The view changes, and the website is displayed without the various Editor elements.
Clicking «Edit» returns you to editing mode.
You can of course also «add sub-pages» (drop-down menu items) and change the page order in the menu (Navigation order). Click on the respective link to read the relevant instructions.
You can also create sub-pages of main menu items. These are displayed in drop-down menus in the navigation.
After «logging into Designer», follow these steps:
You begin on the «Site» page of Designer's editor. Click «Add page / folder».
To create a «drop-down menu» in the navigation you must first create a new «folder». It will function as a menu item to which you can add sub-pages.
Select «Folder» as the type and enter your desired «Folder title». Then click «Save».
The folder is created immediately and displayed under «Site». Es wird automatisch eine «Index»-Seite erstellt.
Da die automatisch erstellte «Index»-Seite nicht gelöscht noch brauchbar bearbeitet werden kann, sollten Sie dieses Seite in der Navigation verstecken.
Klicken Sie dazu auf das «Drei-Punkte-Icon» neben der «Index»-Seite und wählen Sie anschliessend «Seiteneinstellungen bearbeiten» und gehen Sie nach der Anleitung Seite in der Navigation verstecken vor.
Um nun die gewünschte Unterseite zu erstellen, klicken Sie wieder auf « Seite / Menüpunkt hinzufügen».
You can now create a sub-page by selecting the option «Page», adding a «Page title», selecting a «Page type» and selecting a «Location». Click the «arrow» icon next to «Top level». A drop-down menu appears. You can now select your desired folder (in this example, Bridal couple).
Next, click «SAVE».
Please note that once you have selected the «Page type» and created the page, you cannot change it again. If you selected the wrong page type, you have to delete the page and create a new one.
The page is immediately added to the selected «folder» and displayed under «Site».
Repeat the procedure until you have added all the sub-pages you want.
Sie können unter «Seiteneinstellungen» für jede Seite weitere Informationen hinterlegen bzw. ändern. Gehen Sie gemäss der Anleitung «Seiteneinstellungen» vor.
To see a website preview of the menu structure, including its drop-down items, click «Preview». The view changes, and the website is displayed without the various Editor elements.
Clicking «Edit» returns you to editing mode.
You can of course also «add pages», «page-settings» vornehmen sowie change the page order in the menu (Navigation order). Click on the respective link to read the relevant instructions.
An «index page» is automatically generated every time a folder is created. You can and should hide it.
After «logging into Designer», follow these steps:
You begin on the «Site» page of Designer's editor. Click «Add page / folder».
To create a «drop-down menu» in the navigation you must first create a new «folder». It will function as a menu item to which you can add sub-pages.
Select «Folder» as the type and enter your desired «Folder title». Then click «Save».
The folder is created immediately and displayed under «Site». Es wird automatisch eine «Index»-Seite erstellt.
Da die automatisch erstellte «Index»-Seite nicht gelöscht noch brauchbar bearbeitet werden kann, sollten Sie dieses Seite in der Navigation verstecken.
Klicken Sie dazu auf das «Drei-Punkte-Icon» neben der «Index»-Seite und wählen Sie anschliessend «Seiteneinstellungen bearbeiten» und gehen Sie nach der Anleitung Seite in der Navigation verstecken vor.
Um nun die gewünschte Unterseite zu erstellen, klicken Sie wieder auf « Seite / Menüpunkt hinzufügen».
You can now create a sub-page by selecting the option «Page», adding a «Page title», selecting a «Page type» and selecting a «Location». Click the «arrow» icon next to «Top level». A drop-down menu appears. You can now select your desired folder (in this example, Bridal couple).
Next, click «SAVE».
Please note that once you have selected the «Page type» and created the page, you cannot change it again. If you selected the wrong page type, you have to delete the page and create a new one.
The page is immediately added to the selected «folder» and displayed under «Site».
Repeat the procedure until you have added all the sub-pages you want.
Sie können unter «Seiteneinstellungen» für jede Seite weitere Informationen hinterlegen bzw. ändern. Gehen Sie gemäss der Anleitung «Seiteneinstellungen» vor.
To see a website preview of the menu structure, including its drop-down items, click «Preview». The view changes, and the website is displayed without the various Editor elements.
Clicking «Edit» returns you to editing mode.
You can of course also «add pages», «page-settings» vornehmen sowie change the page order in the menu (Navigation order). Click on the respective link to read the relevant instructions.
You can then change the individual settings of each page and sub-page you have created (e.g. page title, page URL, etc.). We recommend that you configure these settings for each page and then add the relevant content to the page. This increases the likelihood that search engines will return these pages in results matching your desired search criteria.
After «logging into Designer», follow these steps:
Sie befinden sich auf der Startseite im Designer-Editor und somit im Bereich «Seite». Klicken Sie rechts neben dem gewünschten Seitentitel auf das «Optionen-Symbol» und danach auf «Seiteneinstellungen bearbeiten».
There are two page types with different settings:
The details view of the page settings is displayed. In this example, we see the «Home page». The two settings are NOT possible for the «home page» and its respective «Folder index page».
You can configure the following page settings:
Click «Save» to apply your changes.
Unterhalb vom Menüpunkt «Seiteneinstellungen bearbeiten» wird ein weiterer Menüpunkt angezeigt:
Header Scripts, Body Scripts: Add your own code here (e.g. HTML, PHP, JavaScript, etc.). «Header scripts» are for header-relevant code, «body scripts» for body-relevant code.
Klicken Sie anschliessend auf das «Haken-Symbol», um Ihre Einstellungen zu speichern.
The details view of the page settings is displayed. This view is identical across all self-defined pages.
You can configure the following page settings:
Click «Save» to apply your changes.
Unterhalb vom Menüpunkt «Seiteneinstellungen bearbeiten» wird ein weiterer Menüpunkt angezeigt:
Header Scripts, Body Scripts: Add your own code here (e.g. HTML, PHP, JavaScript, etc.). «Header scripts» are for header-relevant code, «body scripts» for body-relevant code.
Klicken Sie anschliessend auf das «Haken-Symbol», um Ihre Einstellungen zu speichern.
Der letzte Menüpunkt welcher bei den allgmeinen Seiten angezeigt wird ist:
Klicken Sie auf diesen Menüpunkt so wird umgehend eine Warnmeldung angezeigt, auf der Sie bestätigen möchten, dass Sie diese Seite unwiderruflich löschen möchten.
Durch Klick auf «Ja, Seite löschen» wir diese umgehend gelöscht. Dieser Vorgang kann nicht rückgängig gemacht werden.
Die Seiteneinstellungen werden gespeichert und umgehend angezeigt. Sie können die Seiteneinstellungen jederzeit erneut bearbeiten.
IMPORTANT:
1 Haben Sie bereits allgemein gültige und suchmaschinenrelevante Daten hinterlegt? Tun Sie dies bevor Sie hier detaillierte Informationen pro Seite hinterlegen. Ideally, titles and descriptions will appear in search-engine results exactly as entered here. Please keep the optimal length in mind.
You can «Reorder pages» or «Edit pages».
After «logging into Designer», follow these steps:
You begin on the «Site» page of Designer's editor. The «Home Page» is shown in editing mode. Click the navigation.
Falls die Navigation nicht sichtbar sein sollte, klicken Sie oben rechts im Menü, auf das «durchgestrichene-Auge»-Icon. Auf der linken Seite werden Ihnen die Details des Menüs «Versteckte Inhalte bearbeiten» angezeigt. Kontrollieren Sie, dass «Erweiterte Navigation» aktiviert ist.
Klicken Sie anschliessen auf «FERTIG».
Im Bearbeitungsmodus, beim Klick auf die Navigation, erscheinen zwei Symbole:
Klicken Sie auf das «Zahnrad-Symbol». Die Details zu den Elementseinstellungen werden links geöffnet. Es stehen Ihnen zwei Einstellungs-Bereiche zur Verfügung:
Ist die Navigation und die Reihenfolge der Seiten wie gewünscht, speichern Sie die Anpassungen durch Klick auf «SPEICHERN» oder auf das «X-Symbol».
Klicken Sie im Menü links bei «Meine Seite» auf das «Drei-Punkte-Icon». Wählen Sie «Menüpunkte sortieren».
Im sich nun öffnenden Bereich können Sie jede Seite durch Klicken und Ziehen an die gewünschte Position verschieben.
Entspricht die neuen Reihenfolge, so klicken Sie anschliessend auf das «Haken-Symbol», um Ihre Einstellungen zu speichern.
Die neue Reihenfolge wird umgehend in der Navigationsansicht Ihrer Webseite sowie in der Seitenreiehenfolge links angepasst.
Below are the main details for managing images in Designer:
A maximum file size for individual images is 10 MB; the maximum size for videos is 20 MB.
We recommend that you use a service like YouTube or Vimeo to manage your videos and use the appropriate «content widget» to add them to the desired page.
Designer supports the following image file types, which can then be uploaded and managed accordingly:
You can upload a maximum of 5 images.
Designer specifies both minimum and maximum file size dimensions:
Designer supports slideshows containing a maximum of 10 images per slideshow and of 3 slideshows per website. Sollten bei Überschreitung dieser Empfehlungen Probleme auftreten, kann von unserer Seite kein Support geleistet werden.
Designer supports galleries containing a maximum of 30 images per slideshow and 2 slideshows per website. Sollten bei Überschreitung dieser Empfehlungen Probleme auftreten, kann von unserer Seite kein Support geleistet werden.
You have the following options for uploading image files to Designer:
After «logging into Designer», follow these steps:
Klicken Sie oben auf «INHALT». Links öffnet sich das Menü mit den einzelnen Elementen. Klicken Sie auf «Bild».
Es öffnet sich ein Pop-up-Fenster. Hier können Sie durch Klicken auf den jeweiligen Button wählen, ob Sie das Bild als «Upload» von Ihrem Gerät hochladen wollen, ein «Kürzlich» hinzugefügtes Bild auswählen möchten, Bilder von «Facebook» oder unter «Professionelles Bild» eines der lizenzfreien Bilder verwenden wollen.
If you selected «Upload», you can drag and drop the file from your directory into the pop-up window.
You also have the option to click the «UPLOAD NEW IMAGES» button in the relevant directory to select the desired image file.
The image is immediately saved to the image management area in Designer. You are then automatically taken back to the overview page where you can now see the image you added.
Wenn Sie «Kürzlich» gewählt haben, können Sie aus den Bildern auswählen, die Sie in letzter Zeit hochgeladen bzw. verwendet haben. Klicken Sie auf das gewünschte Bild um es auszuwählen und zu verwenden.
You are then automatically taken back to the overview page where you can now see the image you added.
Wenn Sie «Facebook» gewählt haben, müssen Sie sich erst mit Ihrem Facebook-Account verbinden. Klicken Sie dazu auf «In Facebook einloggen».
Das Login-Popup von Facebook wird geöffnet. Melden Sie sich mit Ihren Facebook-Zugangsdaten an und klicken Sie anschliessend auf «Log In».
Der Designer verbindet sich mit Facebook und zeigt Ihnen nun die in Facebook verwendete Ordnerstruktur an. Wählen Sie den Ordner und anschliessend das gewünschte Bild durch Klick darauf.
You are then automatically taken back to the overview page where you can now see the image you added.
Wenn Sie «Professionelles Bild» gewählt haben, können Sie im entsprechenden Feld nach dem gewünschten Motiv suchen. Geben Sie ein Suchwort ein (hier z. B. Hochzeit) und klicken Sie anschliessend auf das «Lupen-Symbol».
Please note that you have a certain number of photo credits for designer depending on your subscription (StarEntry: 5, StarBiz: 10, StarPlus: 20).
The search is started and shows pictures matching your search criteria. Click on the desired image.
The selected image is displayed along with your credits (1 credit = 1 image). Click the «Bild kaufen & benutzen» button to save the image to Designer’s image directory.
Please note that you cannot delete or exchange any saved image. Your selection is definitive. The image credit is deducted from your balance, and the image is permanently saved to your Designer image directory.
The image is immediately saved to the image management area in Designer. You are then automatically taken back to the overview page where you can now see the image you added.
Designer includes a comprehensive photo editor. You can use it to edit, crop and change any photo you upload, at any time and any way you like.
After «logging into Designer», follow these steps:
Klicken Sie oben auf «ADD CONTENT». Links öffnet sich das Menü mit den einzelnen Elementen. Klicken Sie dann auf «Image».
Wählen Sie «Recent». Wenn Sie in dieser Ansicht mit der Maus über das gewünschte Bild fahren, wird Ihnen ein Symbol angezeigt. Klicken Sie auf das Symbol.
Sie befinden sich in der Ansicht «Edit image». Rechts vom Bild sehen Sie die Image attributes, wo Sie die image title sowie die description hinterlegen können. Unterhalb des Bildes sind folgende Buttons:
Klicken Sie auf den Button «EDIT IMAGE».
Der Bildeditor des Designers wird mit dem ausgewählten Bild geladen. Im oberen Bereich werden Ihnen die Werkzeuge zum Bearbeiten des Bildes angezeigt.
Clicking the «arrow» icon expands the tool selection. Edit the image as you want.
Click «Save». Sie gelangen wieder auf die Übersicht «Bild bearbeiten». Click «Save» to apply your changes as a new image.
Designer offers a wide range of designs (templates) you can use to give your website the right look.
After «logging into Designer», befinden Sie sich auf der Startseite im Designer-Editor und somit im Bereich «Seite». Follow these steps:
Click «Site» and then click «Template picker».
Depending on your Designer/hosting package, you can choose from different numbers of designs (templates). These appear on the overview page.
Loggen Sie sich das erste Mal über das My Panel in Ihren Designer ein, werden Sie automatisch auf die Template-Seite geleitet.
Click on your preferred design the «PREVIEW» button to display a preview of the website set in its look.
The desktop view is displayed.
To apply a design to your website, click the «USE THIS TEMPLATE» button in der Vorschau-Ansicht oder auf «USE THIS TEMPLATE» in der Auswahl-Übersicht.
The design is immediately applied and displayed on the refreshed home page.
Sie können nun den «Hintergrund bearbeiten» und die «Schriften formatieren».
If you have selected a design with an integrated blog, you can configure it to meet your requirements.
After «logging into Designer», follow these steps:
Klicken Sie links auf den Menüpunkt «Seite» und wählen Sie anschliessend «Blog».
You can now see the «Posts» page of the «blog». Select the menu item «Setup».
You can make various changes to the configuration in this view.
Under «Blog visibility», you can set whether you want your blog to be «Online», or «Offline» – while it is undergoing construction, for example.
Give your blog a name under «Title» («Wedding blog D&H» in this example).
Briefly describe your blog under «Summary».
You can specify how many posts are displayed per page under «Posts per page». You can choose from between 5, 10, 25 or 50 posts per page.
After you have finished configuring the settings, click «SAVE».
You will then see a message notifying you that this has completed successfully.
Durch die Wahl im Menü von «Seiten-Editor» gelangen Sie auf die Seiten-Übersicht. Hier wird Ihnen nun der Blog-Menüpunkt als «Blog-Layout» angezeigt.
If you no longer want to use the blog in Designer, you can take it «offline».
After «logging into Designer», follow these steps:
Klicken Sie links auf den Menüpunkt «Seite» und wählen Sie anschliessend «Blog».
Here you see the «Posts» page of the «Blog». Select the menu item «Setup».
You can make various changes to the configuration in this view. To deactivate the blog, select «Offline» under «Blog visibility».
Next, click «Update blog». A success message will appears.
You can now click on «Site» in the left sidebar. Next, select «Blog» in the page structure. In the page list that appears, you should now see «Offline» next to each page. The blog is now deactivated.
You can reactivate your blog at any time. Klicken Sie wieder auf den Menüpunkt «Blog» → «Einrichtung».
Select «Blog visibility» → «Online» and then click «SAVE». Your blog is now reactivated and can now be accessed over the Internet.
You can write posts (blog articles) at any time and publish them straight away or later as you prefe.
After «logging into Designer», follow these steps:
Klicken Sie links auf den Menüpunkt «Seite» und wählen Sie anschliessend «Blog».
Here you see the «Posts» page of the «Blog». If you have not yet created any posts yet, the overview will be empty. Now click «Add post» oder auf den grossen roten «+»-Button.
Enter a title for your post in the «Post title» text field.
Enter the text of your post in the text field below. There are several formatting and layout tools situated above the text field for polishing your blog post’s appearance (e.g. «B» for «bold»).
Durch Klicken auf das «Pfeil»-Symbol neben «PUBLISH» können Sie wählen ob Sie die bereits erfassten Daten als «SAVE DRAFT» möchten oder direkt «PUBLISH».
Your data is automatically saved as you work (see note in the upper-right corner).
If you scroll down a bit, you will see a space where you can add details about your post.
Add a main image for your post under «Feature image».
Add a category to your post under «Category». Add a new category by clicking the «arrow» icon and then «Add new».
Enter keywords under «Tags». Enter the desired words and then press «Enter».
You can add some brief information for the post’s overview page under «Post summary».
After you have entered a title, a URL is automatically generated under «Permalink».
Then click «PUBLISH».
You can use «Preview» feature to review your post and then perform any necessary changes. Simply click «Edit» and make the desired changes to your post. Click «Save draft» or «Publish» to complete the process.
The recently saved post now appears under the «Posts» menu item. Im Bereich Status wird Ihnen angezeigt, welche Beiträge als «Entwurf» gespeichert wurden und welche bereits «Veröffentlicht» sind.
To publish or manage this post, follow the instructions in «MANAGE BLOG POSTS».
You can manage blog posts, for instance, by «publishing» them.
After «logging into Designer», follow these steps:
Klicken Sie links auf den Menüpunkt «Seite» und wählen Sie anschliessend «Blog».
Here you see the «Posts» page of the «Blog» with a list of all blog posts. Im Bereich Status wird Ihnen angezeigt, welche Beiträge als «Entwurf» gespeichert wurden und welche bereits «Veröffentlicht» sind.
Click the title of the post you want to edit. The post then opens in editing mode, and you can perform the desired editing (wie unter «ADD POST» beschrieben).
Durch Klicken auf das «Pfeil»-Symbol neben «VERÖFFENTLICHEN» können Sie wählen ob Sie den Beitrag als «Entwurf speichern» möchten oder direkt «Veröffentlichen».
Wenn Sie bei einem Beitrag das Symbol für den Verwaltungsbereich aktivieren öffnet sich ein Menü mit den folgenden Optionen:
If you want to exit the administration area without saving your changes, click Sie irgendwo neben das Menü. Der Bearbeitungsmodus schliesst sich.
Designer includes a «Store» section, which is a comprehensive e-commerce module for creating your own website and online store in no time.
To use the «Store» module, you must first configure the main store settings. After you have logged into Designer, follow these steps:
Click on the menu item «Site» at the left and then click «Store».
You will be taken to the «Get started» page. Um Ihren Shop einzurichten gehen Sie die 4 Schritte der Reihe nach durch:
Start here by entering the basic details for your store indem Sie auf das «Pfeil-Symbol» klicken.
Sie werden in den Basis-Einstellungsbereich des Shop-Moduls geleitet. Hinterlegen Sie nun folgende Informationen:
Confirm your entries by clicking the «Save» button.
Fahren Sie nun mit dem 2. Teil der Basiseinstellungen fort:
Confirm your entries by clicking the «Save» button.
Sie können später jederzeit Änderungen vornehmen, im Bereich «Shop» unter «Einstellungen» und dann unter «Basis-Einstellungen».
Sie werden umgehend wieder auf die «Shop einrichten»-Startseite geleitet.
Fahren Sie nun weiter mit dem Hinzufügen der «Zahlungsmethode» indem Sie auf das «Pfeil-Symbol» klicken.
Sie werden in den Zahlungs-Einstellungsbereich des Shop-Moduls geleitet. Wählen Sie die gewünschten Zahlungsanbieter aus und hinterlegen Sie die benötigten Informationen.
Für die «Überweisung/Vorauskasse» hinterlegen Sie im Textfeld die notwendigen Informationen und klicken Sie auf «Speichern».
Sie werden danach umgehend zur «Shop einrichten»-Startseite geleitet.
Um eine weitere Zahlungsmethode zu erfassen klicken Sie einfach nochmals auf «Zahlungsmethode hinzufügen».
Wählen Sie nun z.B. «Paypal» einrichten. Hinterlegen Sie auf der Anbieter-Seite die notwendigen Daten.
Sie können später jederzeit weitere Aktivierungen durchführen im Bereich «Shop» unter «Einstellungen» und dann unter «Zahlung».
Beachten Sie aber, dass mindestens eine Zahlungsmöglichkeit hinterlegt sein muss, damit Sie Ihren «Shop veröffentlichen» können.
Sie werden umgehend wieder auf die «Shop einrichten»-Startseite geleitet.
Fahren Sie nun weiter mit dem Hinzufügen der «Versandart» indem Sie auf das «Pfeil-Symbol» klicken.
In diesem Schritt können Sie die gewünschten Versandkosteneinstellungen erfassen. Klicken Sie auf «Versandart hinzufügen».
Geben Sie nun die geforderten Daten ein:
Klicken Sie anschliessend auf «Speichern».
Anschliessend gelangen Sie zur «Versand»-Übersicht.
Wenn Sie bei einer Versandart das «Drei-Punkte-Symbol» klicken, öffnet sich ein Menü. Hier können Sie die «Versandkosten bearbeiten», die Versandart «als Standard-Versandart definieren» oder sie «Löschen».
Um eine Versandart «als Standard-Versandart definieren» zu können, müssen Sie mehr als eine Versandart zur Auswahl haben.
Beachten Sie, dass mindestens eine Versandart bzw. -kosten hinterlegt sein muss, damit Sie fortfahren können.
Sie können später jederzeit Änderungen vornehmen, im Bereich «Shop» unter «Einstellungen» und dann unter «Versand».
Die neuerfassten Versandkosten werden umgehend angezeigt. Die Standard-Versandart wird mit einem gelben Stern dargestellt.
Sollte eine falsche Währung angezeigt werden, können Sie diese später anpassen im Bereich «Shop» unter «Einstellungen» und dann unter «Währung & Formate».
Falls Sie nicht automatisch wieder auf die «Shop einrichten»-Startseite geleitet werden, klicken Sie links im Shop-Menü auf «Shop-Einstellungen».
Fahren Sie nun weiter mit dem Hinzufügen der «Produkte» indem Sie auf das «Pfeil-Symbol» klicken.
You are then taken straight to the «Products» overview.
Now begin with the procedure for adding a product.
Falls Sie nicht automatisch wieder auf die «Shop einrichten»-Startseite geleitet werden, klicken Sie links im Shop-Menü auf «Shop-Einstellungen».
Auf der nun erscheinenden Übersichtsseite, sollten nun die «4 Schritte» als erledigt markiert sein. Der Button «Shop veröffentlichen» ist nun aktiv.
Um den Status Ihres Shops von «Offline» auf «Offline» zu stellen, klicken Sie nun auf den Button «Shop veröffentlichen».
Der Shop wird umgehend veröffentlicht (ersichtlich unter «Einstellungen» - «Basis-Einstellungen» - «Sichtbarkeit des Shops»).
Sie werden umgehend auf den Menüpunkt «Produkte» und hier auf die «Übersichtsseite» geleitet.
Sie können nun weitere «Produkte hinzufügen» oder die Details unter «Einstellungen verwalten».
Sie können jederzeit einem Produkt eine oder mehrere Varianten «hinzufügen» und diese «bearbeiten», sortieren und die entsprechende Produkte-Vorschau anzeigen lassen oder ganze Variantengruppen löschen.
Nachdem Sie sich in den «Designer eingeloggt» haben, gehen Sie wie folgt vor:
Klicken Sie links auf den Menüpunkt «Seite» und wählen Sie anschliessend «Shop».
Sie werden automatisch auf die «Produkte-Übersichtsseite» geleitet. Klicken Sie auf den gewünschten Artikel.
Starten Sie im Bereich «Produkt anlegen» im Bereich der «Basisinformationen».
Fügen Sie als erstes den «Artikeltitel» (hier z.B. Zitronenpresse) hinzu und klicken Sie in den Bereich Beschreibung.
Das Produkt wird umgehend gespeichert bzw. eingerichtet. Der Bereich «Varianten» wird sichtbar.
Hinterlegen Sie nun im Textfeld unter «Beschreibung» die Produktinformationen.
Oberhalb des Textfeldes stehen Ihnen einige Werkzeuge zur Verfügung, um Ihren Text zu formatieren (z.B. «B» für «Fett»), verändern, Bilder bzw. Links einfügen usw.
Laden Sie nun die dazugehörenden Bilder hoch, durch Klick auf den blauen Platzhalter im Bereich «Bilder».
Im sich nun öffnenden Popup können Sie entweder ein neues Bild hochladen (Upload), ein kürzlich hochgeladenes Bild auswählen oder ein professionelles Bild aus der Bilderbibliothek kaufen.
Wiederholden Sie dies bis Sie alle Bilder zu diesem Produkt hinzugefügt haben.
Markieren Sie ein Bild, das in der Produktübersicht verwendet werden soll, indem Sie auf «Als hervorgehobenes Bild festlegen» klicken. Es wird Ihnen nun mit einem gelben Spickel mit einem weissen Stern angezeigt.
Wählen Sie nun eine «Kategorie». Ist noch keine hinterlegt, so klicken Sie auf «Neu». Geben Sie den Kategorie-Namen ein und speichern Sie diesen mit Klick auf die «Enter»-Taste.
Geben Sie nun im Bereich «Stichwörter» die von Ihnen gewünschten Suchbegriffe zu diesem Produkt ein. Mit Klick auf Ihre «Enter»-Taste werden die einzelnen Wörter hinzugefügt.
Geben Sie nun den Preis des Produktes ein. Sollte die Währung nicht stimmen, passen Sie diese unter «Einstellungen» und dann unter «Währung & Formate» an.
Hinterlegen Sie, wenn gewünscht, das Gewicht. Sollte hier die Gewichtseinheit nicht stimmen, so passen Sie diese unter «Einstellungen» und dann unter «Währung & Formate» an.
Die «Artikelnummer» wird automatisch generiert. Möchten Sie Ihr eigenes Nummernsystem verwenden, so hinterlegen Sie die entsprechende Artikelnummer.
Im Bereich «Sichtbarkeit» können Sie definieren, ob dieser Artikel bereits in Ihrem Shop angezeigt werden soll oder noch nicht.
Unter «Permalink» wird nach Eingabe eines Titels zum Produkt automatisch eine URL generiert.
Wenn Sie alle Angaben eingetragen haben, klicken Sie anschliessend auf den gelben «Speichern»-Button.
Sie werden automatisch auf die «Produkte»-Übersichtsseite geleitet. Der neu erfasste Artikel ist nun ersichtlich.
Durch Klick auf das 3-Punkte-Symbol öffnet sich ein Menü in welchem Ihnen folgende Einstellungen zur Verfügung stehen:
Um den «Lagerbestand» Ihres Produktes zu bearbeiten, wählen Sie «Bearbeiten» bei Ihrem Produkt und anschliessend klicken Sie auf den Bereich «Lagerbestand».
Aktivieren Sie im Bereich «Lagerbestand» die Funktion «Lagerbestand für dieses Produkt verfolgen» mittels Dropdown-Menü-Auswahl.
Die Anpassung wird nach der Auswahl automatisch gespeichert und Ihnen werden weitere Einstellungsmöglichkeiten eingeblendet. Damit wird Ihnen eine kleine Lagerverwaltung ermöglicht.
Hinterlegen Sie den Lagerbestand. Im Bereich «Benachrichtigen, wenn die Lagergrenze erreicht ist» können Sie eine Zahl einfügen. Wenn der Lagerbestand diese Anzahl erreicht hat, erhalten Sie eine Erinnerung per Mail.
Möchten Sie Ihren Kunden die Möglichkeit bieten, Artikel auch zu kaufen, wenn der Lagerbestand bei 0 ist, so aktivieren Sie die Funktion «Kauf erlauben, wenn der Lagerbestand 0 ist».
Klicken Sie anschliessend auf «Speichern».
Um «Varianten» zu Ihrem Produkt zu erfassen, wählen Sie «Bearbeiten» bei Ihrem Produkt und anschliessend klicken Sie auf den Bereich «Varianten». Gehen Sie dabei nach dieser «Anleitung» vor.
Sie können jederzeit einem Produkt eine oder mehrere Varianten «hinzufügen» und diese «bearbeiten», sortieren und die entsprechende Produkte-Vorschau anzeigen lassen oder ganze Variantengruppen löschen.
Nachdem Sie sich in den «Designer eingeloggt» haben, gehen Sie wie folgt vor:
Klicken Sie links auf den Menüpunkt «Seite» und wählen Sie anschliessend «Shop».
Sie werden automatisch auf die «Produkte-Übersichtsseite» geleitet. Klicken Sie auf den gewünschten Artikel.
In der sich nun öffnenden Produkt-Detailansicht wechseln Sie auf den Menüpunkt «Varianten» und klicken dann auf den Button «Produktvarianten hinzufügen».
interlegen Sie im Bereich «Optionsname» den Begriff der Variante (hier z. B. «Farbe»).
Unter «Auswahlmöglichkeiten» erfassen Sie nun die entsprechenden Varianten. Geben Sie eine Variante ein und drücken Sie auf «Enter». Fügen Sie alle Varianten hinzu und klicken Sie anschliessend auf den gelben «Speichern»-Button.
Sie werden nun wieder auf die Übersichtseite des entsprechenden Produktes weitergeleitet. Im Bereich «VARIANTEN», werden Ihnen umgehend die eben angepassten Varianten angezeigt.
Möchten Sie nun weitere Varianten-Gruppen erfassen, so klicken Sie auf den Button «Option hinzufügen / entfernen».
Sie werden nun wieder auf die «Varianten-Übersichtseite» des entsprechenden Produktes weitergeleitet. Hier werden Ihnen nun die eben erfassten Varianten angezeigt.
Möchten Sie nun weitere Varianten-Gruppen erfassen, so klicken Sie auf den Button «Option hinzufügen / entfernen».
Erfassen Sie nun eine weitere Option wie unter Punkt 4 erklärt (hier z. B. Grösse).
Haben Sie alle Optionen mit den entsprechenden Varianten erfasst, klicken Sie auf den gelben «Speichern»-Button.
Die nun angezeigte Warnmeldung können Sie mit Klick auf den Button «Option hinzufügen» bestätigen, wenn Sie eine weitere Option erfassen möchten.
Automatisch werden nun von beiden Varianten alle möglichen Auswahlmöglichkeiten erstellt. Sie gelangen umgehend auf die «Varianten-Übersichtseite» des entsprechenden Produktes. Hier werden Ihnen nun alle Varianten angezeigt.
Um die Detailinformationen der Varianten zu bearbeiten klicken Sie auf das «Stift»-Symbol neben einem Varianteneintrag.
Im sich öffnenden Popup-Fenster können Sie nun die gewünschten Werte pro Varianten-Möglickeit anpassen, wie:
Klicken Sie anschliessend auf den gelben «Speichern»-Button.
Sie gelangen umgehend auf die «Varianten-Übersichtseite» des entsprechenden Produktes. Sämtliche Anpassungen werden umgehend bei alle Varianten aktualisiert.
Möchten Sie nun die Reihenfolge der Varianten pro Option anpassen, so klicken Sie auf den Button «Dropdown-Werte neu sortieren».
Ziehen Sie nun die gewünschte Variante via Drag & Drop an den neuen Platz und sichern Sie die Reihenfolge mit Klick auf den «Speichern»-Button.
Möchten Sie nun das Produkt mit all seinen Varianten anschauen, wie es in Ihrem Shop angezeigt wird so klicken Sie am oberen Rand auf «Vorschau».
Um eine Variantengruppe zu entfernen klicken Sie auf der Varianten-Übersichtsseite auf den Button «Option hinzufügen / entfernen».
Klicken Sie im sich öffnenden Popup auf das «Abfall»-Symbol um die entsprechende Variantengruppe zu löschen bzw. zu entfernen.
Eine Warnmeldung erscheint. Wenn Sie diese mit Klick auf den Button «Option löschen» bestätigen, werden alle hinterlegten Variantendetails (wie Artikelnummer, Preis, Gewicht etc.) gelöscht.
Wenn Sie sicher sind, dass Sie diese Opiton (hier z.B. Farbe) nicht mehr benötigen, bestätigen Sie die Löschung durch Klick auf den Button «Option löschen».
Bestätigen Sie die Löschung der Variantenoption in dem Sie hier auf den gelben «Speichern»-Button klicken.
Automatisch werden nun bei allen Varianten die Option Farbe entfernt. Sie gelangen umgehend auf die «Varianten-Übersichtseite» des entsprechenden Produktes.
Um nun die übrigen Varianten wieder zu aktualisieren in Preis, Gewicht und Lagermenge können Sie diese wieder «bearbeiten».
Sie können jederzeit die Einstellungen Ihres Shops verwalten.
Nachdem Sie sich in den «Designer eingeloggt» haben, gehen Sie wie folgt vor:
Klicken Sie links auf den Menüpunkt «Seite» und wählen Sie anschliessend «Shop».
Klicken Sie anschliessend links unter «Einstellungen». Sie können folgende Bereiche anpassen:
Wählen Sie den Untermenüpunkt «Basis-Einstellungen». Hier können Sie folgende Anpassungen vornehmen:
Bestätigen Sie Ihre Eingaben durch Klick auf den «Speichern»-Button.
Wählen Sie den Untermenüpunkt «Versand». In diesem Bereich können Sie bereits bestehende «Versandkosten / -optionen» bearbeiten.
Durch Klick auf «Versandart hinzufügen» können Sie jederzeit weitere erfassen. Geben Sie anschliessend die geforderten Daten ein:
Klicken Sie anschliessend auf «Speichern».
Wählen Sie den Untermenüpunkt «Zahlung».
Richten Sie die gewünschten Zahlungsanbieter per Klick ein und hinterlegen Sie die benötigten Informationen.
Wählen Sie den Untermenüpunkt «Mwst.».
Aktivieren Sie als erstes die MwSt. (oder deaktivieren). Anschliessend können Sie definieren ob die Preise auf Ihrer Shop-Seite exkl. oder inkl. Mehrwertsteuer angezeigt werden.
Um das «Standard-Land» zu definieren, müssen Sie im unteren Bereich das Land «Schweiz» aktivieren und den entsprechenden «MwSt.-Satz» einfügen (kann nur gemacht werden, wenn Sie unter Versandart eine Versandmethode für die Schweiz oder andere Länder erfasst haben.).
Klicken Sie anschliessend auf den grünen «Speichern»-Button.
Wählen Sie den Untermenüpunkt «Währung und Formate».
Hier wählen Sie via Dropdown-Menü die Standard-Währung sowie die Gewichts-Einheit für Ihren Shop.
Klicken Sie anschliessend auf den gelben «Speichern»-Button.
You can configure various general settings for your Designer website in the «Site settings» area. Under «Site status», you can find the current status of your Designer website along with the domain that is specified as your website’s main domain.
After «logging into Designer», follow these steps:
Click the menu item «Site» and click «Site settings».
You can now see the «Site status» page of the «Site settings» area.
If you have already «published» your website, under «Site visibility» this will be indicated as «Online».
Here you can temporarily take your Designer website «Offline», which makes the published site unavailable until it is republished.
If you have not yet «published» your site, a message indicates this.
Here you can see the preferred address of your Designer website.
If you would like to use another domain name as your site’s address, select it here (this requires that you first «activate multiple domains» in My Panel.
Next, activate «Always redirect to preferred domain». This ensures that all attempts to access all active domains are redirected to the preferred domain, a function that is important in search engine optimisation.
Then click «Save» to save your changes. A success message appears at the top left.
In the «Profile» area, you can enter various details such as company name, description, copyright information, PayPal account, contact details or upload a logo. Certain details are also used directly by your website.
After «logging into Designer», follow these steps:
Click the menu item «Site» and then click «Site settings».
Ihnen wird nun die «Webseitenstatus»-Übersichtsseite des Bereichs «Seiteneinstellungen» angezeigt. Klicken Sie im Menü links auf «Profil».
Sie werden automatisch auf die «Profil-Übersichtsseite» geleitet, welche gleichzeitig der Bereich «Basis-Information» ist. Ein weiterer Bereich wäre dann «Kontaktdaten».
Hier können Sie folgende Daten hinterlegen bzw. definieren:
Hier können Sie nun als erstes ein Logo für Ihre Webseite definieren. Klicken Sie dazu auf «Wählen Sie ein Bild». Wählen Sie das gewünschte Bild aus Ihrem Ordnerverzeichnis aus.
Das «Logo» wird umgehend hinzugefügt und gespeichert. Wenn Sie nun auf die Ansicht der Homeseite gehen, wird Ihnen das «Logo» eingeblendet.
Sollte dies nicht der Fall sein, klicken Sie oben rechts auf das «Symbol für Versteckte Inhalte» - das «Durchgestrichenes Auge - Icon» und gehen Sie gemäss der Anleitung «Versteckte Inhalte bearbeiten» vor.
Als nächstes können Sie nun die Information von «Name des Unternehmens» bis zum «Impressum» eingeben. Klicken Sie anschliessend auf «Speichern».
Die «Informationen» werden umgehend gespeichert. Wenn Sie nun auf die Ansicht der Homeseite gehen, werden Ihnen je nach «Template» die «Informationen» entsprechend eingeblendet.
Sollte dies nicht der Fall sein, klicken Sie oben rechts auf das «Symbol für Versteckte Inhalte» - das «Durchgestrichenes Auge - Icon» und gehen Sie gemäss der Anleitung «Versteckte Inhalte bearbeiten» vor.
Klicken Sie anschliessend auf den Bereich «Kontaktdaten». Füllen Sie hier die Kontaktangaben, wie z.B. E-Mail-Adresse, Anschrift, Telefonnummer sowie sämtliche Social Media Links aus und klicken Sie anschliessend auf «Speichern».
Um die Ausgabe der Daten zu kontrollieren, klicken Sie auf den Menüpunkt «Seiten» und anschliessend auf die «Kontakt»-Seite. Je nach verwendeter Designvorlage werden die «Kontakt-Details» auf der Seitenansicht angezeigt.
Oder Sie können die Kontaktdaten je nach Designvorlage bearbeiten, definieren oder auswählen.
Ein Favicon (kurz für favorite icon, zu Deutsch Favoriten-Symbol) ist eine 16x16 oder 32x32 Pixel grosse Grafik im Dateityp .ico. Diese wird unter anderem in der Adresszeile eines Webbrowsers links von der URL angezeigt und dient dazu, die zugehörige Website auf wiedererkennbare Weise zu kennzeichnen. Einige ältere mobile Geräte werden möglicherweise ein Favicon grösser als 4 kB nicht anzeigen können. Um ein Favicon im Dateiformat .ico zu erstellen, sind diverse «Favicon-Generator im Internet» verfügbar.
Nachdem Sie sich in den «Designer eingeloggt» haben, gehen Sie wie folgt vor, um Ihrer Designer-Website ein Favicon zu hinterlegen:
Klicken Sie links auf den Menüpunkt «Seite» und wählen Sie anschliessend «Seiteneinstellungen».
Ihnen wird nun die «Webseitenstatus»-Übersichtsseite des Bereichs «Seiteneinstellungen» angezeigt. Klicken Sie im Menü links auf «Favicon».
Ihnen wird nun die Übersichtsseite angezeigt. Hier haben Sie nun die Möglichkeit Ihr eigenes Favicon hochzuladen.
Nachdem Sie Ihr Favicon erstellt haben, mit dem Dateityp .ico und nicht grösser als 32x32 Pixel, klicken Sie hier auf den Button «Wählen Sie ein Bild aus».
Wählen Sie in Ihrer Ordner- und Dateistruktur die gewünschte Favicon-Datei aus und klicken Sie auf «Öffnen».
Die Datei wird umgehend auf den Server geladen und dies wird Ihnen oben links mit einer Erfolgsmeldung angezeigt.
Sie können Ihr Favicon jederzeit durch Klicken auf «Entfernen» löschen. Das Favicon wird umgehend gelöscht und dies wird Ihnen oben links mit einer Erfolgsmeldung angezeigt.
Wenn Sie Ihre «Webseite publiziert» haben, können Sie im Webbrowser Ihr Favicon kontrollieren.
Suchmaschinenoptimierung oder SEO (englisch search engine optimization) bezeichnet Massnahmen, die dazu dienen, dass Websites in den organischen Suchresultaten (unbezahlte Suchergebnisse) auf den vorderen Plätzen erscheinen.
Im Designer können Sie die notwendigen Daten eintragen.
Nachdem Sie sich in den «Designer eingeloggt» haben, gehen Sie wie folgt vor:
Klicken Sie links auf den Menüpunkt «Seite» und wählen Sie anschliessend «Seiteneinstellungen».
Ihnen wird nun die «Webseitenstatus»-Übersichtsseite des Bereichs «Seiteneinstellungen» angezeigt. Klicken Sie im Menü links auf «SEO».
Ihnen wird nun die Übersichtsseite mit den entsprechenden Eingabefeldern zur Suchmaschinenoptimierung angezeigt.
Hier können Sie suchmaschinenrelevante und für Ihre Website allgemein gültige Daten und Informationen hinterlegen.
Bitte beachten Sie, dass wenn Sie unter «Seiten-Editor», bei «Seiteneinstellungen bearbeiten» bereits Daten für Einzelseiten hinterlegt haben, diese gelöscht und mit den hier eingegebenen Daten überschrieben werden! Sie sollten deshalb zuerst hier allgemein gültige Daten und Informationen hinterlegen und im Anschluss jede Seite einzeln unter «Seiteneinstellungen bearbeiten» mit spezifischen Angaben versehen.
Klicken Sie anschliessend auf «SPEICHERN».
Die erfolgreiche Sicherung der SEO-Daten wird Ihnen oben links mit einer Erfolgsmeldung angezeigt.
Möchten Sie nun die Informationen detaillierter und pro Seite spezifisch ergänzen, können Sie dies unter «Seiten-Editor», bei «Seiteneinstellungen bearbeiten» vornehmen.
Wenn Sie eine «alte», also bisherige, Website haben und eine Seite wie bspw. «Galerie» existiert auf Ihrer Designer-Website nicht mehr, möchten aber, dass dieser Link weiterhin funktioniert, können Sie eine «Weiterleitung» bzw. einen sogenannten «Redirect» einrichten.
Nachdem Sie sich in den «Designer eingeloggt» haben, gehen Sie wie folgt vor:
Klicken Sie links auf den Menüpunkt «Seite» und wählen Sie anschliessend «Seiteneinstellungen».
Ihnen wird nun die «Webseitenstatus»-Übersichtsseite des Bereichs «Seiteneinstellungen» angezeigt. Klicken Sie im Menü links auf «Weiterleitungen».
Wenn Sie bereits Weiterleitungen hinterlegt haben, werden Ihnen diese hier angezeigt. Um eine neue Weiterleitung zu erstellen, klicken Sie auf «Weiterleitung hinzufügen» oder das «Plus-Symbol im roten Kreis».
Geben Sie unter «Von» die bisherige Link-Adresse ohne Domainnamen ein, z. B. «galerie.htm» (www.domain.ch/galerie.html).
Wählen Sie im Dropdown-Menü «Zu», welches Ihnen jede im Designer erstellte Seite zur Auswahl anzeigt, das gewünschte Ziel aus (hier z. B. fotogalerie).
Unter «Art» haben Sie die Wahl, ob die Weiterleitung «301 Permanent» (also definitiv) oder «302 Temporär» (nur für eine gewisse Zeit) gelten soll.
Um Ihre Weiterleitung zu erstellen klicken Sie auf «Speichern».
Nach dem Speichern wird Ihnen die Weiterleitungen-Übersicht angezeigt. Hier wird Ihnen nun die eben erstellte Weiterleitung aufgeführt.
Sie können nun die Weiterleitung «Bearbeiten» oder «Entfernen».
Um eine bestehende Weiterleitung zu «Bearbeiten», klicken Sie zuerst auf das «Optionen-Symbol» und dann auf «Bearbeiten».
Sie können nun die gewünschten Anpassungen vornehmen und Ihre Änderungen mit Klick «SPEICHERN».
Um eine Weiterleitung zu «Löschen», klicken Sie zuerst auf das «Optionen-Symbol» und dann auf «Entfernen».
Es öffnet sich umgehend eine Warnmeldung. Wenn Sie sicher sind, dass Sie diese Weiterleitung löschen wollen, klicken Sie auf «OK».
Die Weiterleitung wird sofort und unwiderruflich gelöscht.
Sie können im Designer eine Verlinkung erstellen, um bei einer Cookie-Warnung automatisch auf Ihre Datenschutzerklärung zu springen.
Nachdem Sie sich in den «Designer eingeloggt» haben, gehen Sie wie folgt vor:
Klicken Sie links auf den Menüpunkt «Seite» und wählen Sie anschliessend «Seiteneinstellungen».
Ihnen wird nun die «Webseitenstatus»-Übersichtsseite des Bereichs «Seiteneinstellungen» angezeigt. Klicken Sie im Menü links auf «Cookie-Warnung».
Wählen Sie im Dropdown-Menü «Freigeben» ob Sie eine «Cookie-Warnung» deaktivieren oder freigeben wollen.
Hinterlegen Sie anschliessend unter «URL zur Datenschutzerklärung» den Link zur gewünschten Datenschutzseite.
Um Ihre Cookie-Warnung zu erstellen klicken Sie auf «Speichern».
Der Link zur Datenschutzerklärung wird umgehend gespeichert und Ihnen mit der oben erscheinenden Erfolgsmeldung angzeigt.
Wenn Sie Ihre aktuelle Designer-Website nicht mehr nutzen möchten, weil Sie beispielsweise mit dem Designer einen komplett anderen Webauftritt erstellen möchten, können Sie Ihre Website mit einem Klick zurücksetzen.
Bitte beachten Sie, dass bereits hochgeladenen Bilder sowie allfällige Blog-, Domain-, Shop-; Produkt- und Menüeinstellungen nicht zurückgesetzt werden und somit bestehen bleiben.
Nachdem Sie sich in den «Designer eingeloggt» haben, gehen Sie wie folgt vor:
Klicken Sie links auf den Menüpunkt «Seite» und wählen Sie anschliessend «Seiteneinstellungen».
Ihnen wird nun die «Webseitenstatus»-Übersichtsseite des Bereichs «Seiteneinstellungen» angezeigt. Klicken Sie im Menü links auf «Zurücksetzen».
Ihnen werden nun die wichtigsten Informationen zu dieser Aktion angezeigt. Lesen Sie diese aufmerksam durch. Das «Zurücksetzen» kann nicht rückgängig gemacht werden!
Wenn Sie sicher sind, dass Sie nochmals von vorne beginnen möchten, klicken Sie auf «Meine Seite zurücksetzen».
Es öffnet sich eine Warnmeldung. Hier werden Sie noch einmal darauf aufmerksam gemacht, dass diese Aktion nicht rückgängig gemacht werden kann und die Inhalte unwiderruflich gelöscht werden. Wenn Sie sicher sind, dass Sie die Seite zurücksetzen möchten, klicken Sie auf «OK».
Die Seite wird zurückgesetzt. Während des Prozesses wird Ihnen oben links eine Bestätigungsmeldung angezeigt. Diese teilt Ihnen mit, dass die Daten gelöscht wurden und die Seite zurückgesetzt wurde. Ebenfalls werden Sie bereits über den nächsten Schritt informiert und zwar über die Wahl der Design-Vorlage.
Anschliessend wird der Bereich «Templates» angezeigt. Beginnen Sie nun den Seitenaufbau wie unter «Erste Schritte» beschrieben.