So erstellen Sie eine Storefront mit Dreamweaver

Mit Adobe Dreamweaver können Sie Ihre eigene Online-Storefront erstellen, auch wenn Sie keine Erfahrung mit Design oder Codierung haben. Dreamweaver stellt Ihnen vorgefertigte Vorlagen zur Verfügung, die alle Elemente einer Katalogseite einschließlich Produkttitel, Beschreibung, Bild und Preis enthalten. In Verbindung mit einer E-Commerce-Lösung wie PayPal oder Google Checkout können Sie Schaltflächen einfügen, mit denen Besucher Ihre Artikel elektronisch erwerben können. Verwenden Sie die Tools, die Ihnen zur Verfügung stehen, um schnell einen funktionalen Internet-Store aufzubauen.

1

Melden Sie sich bei Ihrem E-Commerce-Konto wie PayPal oder Google Checkout an und erstellen Sie mithilfe der Händler-Tools "Kaufen" -Buttons, mit denen Besucher Ihre Produkte kaufen können. Kopieren Sie die Codes, die am Ende jedes Schaltflächenerstellungsvorgangs automatisch angezeigt werden. Weitere Informationen finden Sie auf der Hilfe-, Support- oder FAQ-Seite, wenn Sie Unterstützung bei der Ausführung dieser Aufgabe mit Ihrem jeweiligen Anbieter benötigen.

2

Starten Sie Dreamweaver. Wählen Sie "Neu" im Menü "Datei", um das Fenster "Neues Dokument" zu öffnen.

3.

Klicken Sie links auf die Option "Page From Sample" und klicken Sie dann in der ersten Spalte auf "Starter Page (Theme)" oder "Starter Page (Basic)", um eine Liste der Katalogvorlagen anzuzeigen. Zeigen Sie die Katalogdesigns an, indem Sie das Vorschaubild rechts anzeigen. Klicken Sie auf den gewünschten Katalog und anschließend auf die Schaltfläche "Erstellen", um diese Seite zu erstellen.

4

Doppelklicken Sie auf den Text in der Vorlage, um Ihre Storefront-Informationen einschließlich Website-Name, Produkttitel und Preise einzugeben. Klicken Sie auf jeden Bildplatzhalter, klicken Sie im Eigenschafteninspektor auf das Symbol für den Ordner "Src" und wählen Sie die gewünschte Bilddatei in dem sich öffnenden Fenster aus.

5

Positionieren Sie den Cursor in dem Bereich, in dem der Buy-Button erscheinen soll. Klicken Sie im Menü "Ansicht" auf "Code teilen", um den Arbeitsbereich so zu unterteilen, dass sowohl das Design als auch der Code Ihrer Seite angezeigt werden. Fügen Sie den Button-Code ein, um den Kauf-Button hinzuzufügen. Wenn Sie nicht sicher sind, wo Sie diesen Ort im Code finden, geben Sie etwas in das Entwurfsfenster ein und markieren Sie es, sodass der Code an derselben Stelle hervorgehoben wird.

6

Klicken Sie im Menü Datei auf die Option "Vorschau im Browser", um Ihren Shop anzuzeigen. Wenn Sie fertig sind, klicken Sie auf die Option "Speichern unter" im Menü "Datei", um Ihre Arbeit zu erhalten.

Tipps

  • Übliche Anbieter von E-Commerce-Lösungen sind PayPal, Google Checkout und AlertPay.
  • Sie können alle voreingestellten Designs in Ihrer Vorlage ändern. Klicken Sie im Menü "Fenster" auf "CSS-Stile", klicken Sie auf der Registerkarte "CSS-Stile" auf die Schaltfläche "Alle", doppelklicken Sie dann auf jeden Eintrag und verwenden Sie die angezeigten Menüs, um die gewünschten Erweiterungen anzuwenden.

Empfohlen