So passen Sie BigCommerce Store-Designs an
Veröffentlicht: 2017-04-06
Passen Sie BigCommerce Store-Designs an und bauen Sie Ihre einzigartige Marke auf
BigCommerce ist eine umfassende Plattform, die Geschäftsinhabern wie Ihnen das komplette E-Commerce-Paket bietet, einschließlich der Möglichkeit, BigCommerce-Shop-Designs selbst einzurichten und anzupassen (oder Sie können Experten wie uns beauftragen, dies für Sie zu tun). Es hat alles, was Sie brauchen, um Ihr E-Commerce-Geschäft zu starten und erfolgreich zu machen. Es sind keine komplizierten Installationen und Integrationen erforderlich, und mit etwas Glück können Sie etwas erstellen, das die Zeit überdauert.
Es gibt einen Grund, warum BigCommerce in der Welt des E-Commerce so beliebt ist. Es verfügt über integrierte Systeme, mit denen Sie vorhandene Themen (kostenpflichtig oder kostenlos) verwenden und sie anpassen können, um etwas Außergewöhnliches zu schaffen. Natürlich braucht jede Marke ihre eigene einzigartige Stimme und ihren eigenen Look. Während Standardvorlagen außerordentlich gut abschneiden, können Sie sich mit ihnen nicht von der Konkurrenz abheben. Es gibt bestimmt viele andere wie Sie, die das gleiche Thema verwenden, und Ihre Marke könnte in der Mischung ihre Identität verlieren. Sie müssen BigCommerce-Designs anpassen, um Ihrer Marke eine zusätzliche Persönlichkeitsebene zu verleihen.
Die Sache mit BigCommerce-Vorlagen ist, dass sie alle HTML und CSS verwenden. Dies gibt Ihnen unbegrenzte Vielseitigkeit in Bezug auf die Anpassung von Vorlagen. Während Sie grundlegende Änderungen einfach über den Designmodus vornehmen können, müssen Sie für komplexere Änderungen HTML und CSS beherrschen. Wenn Sie nicht die Zeit haben, alles selbst zu erledigen, können Sie sich an Fachleute wie 1 Digital Agency wenden, um BigCommerce-Designs für Sie anzupassen.
Passen Sie BigCommerce im Designmodus an
Der Design-Modus ist wirklich einzigartig und das einfachste Anpassungssystem, das Sie jemals finden werden. Es gibt Ihnen die Möglichkeit, BigCommerce-Designs mit einem einfachen Drag-and-Drop-Menü anzupassen. Sie können Artikel auf jeder Seite Ihres Shops neu anordnen oder entfernen. Leider ist seine größte Stärke auch seine Schwäche. Wenn Sie den Designmodus verwenden, um BigCommerce-Designs anzupassen, können Sie nichts anderes tun, als Dinge auf Ihren Webseiten neu anzuordnen oder etwas vollständig zu entfernen.
In jedem Fall hat der Designmodus seinen Nutzen, besonders wenn Sie nach grundlegenden Modifikationen suchen. Sie können darauf zugreifen, indem Sie auf die Registerkarte Store Design und dann auf die Registerkarte Design Mode im Control Panel klicken. Sobald Sie dies getan haben, ist der Designmodus aktiviert und Sie können mit der Anpassung beginnen.
Um den Designmodus zu verwenden, müssen Sie dann die Seite Ihres Shops besuchen, die Sie anpassen möchten. Oben auf der Seite sollte für Sie eine Symbolleiste sichtbar sein (siehe unten), die darauf hinweist, dass der Designmodus aktiviert ist.
Die Drag-and-Drop-Funktionalität ist ein Spaziergang im Park. Bewegen Sie auf jeder Seite, die Sie anpassen möchten, den Mauszeiger auf das Element, das Sie verschieben möchten. Der Zeiger ändert seine Form. Ziehen Sie nun dieses Element mit der linken Maustaste an die Stelle, an der es erscheinen soll, und lassen Sie es los. Wenn Sie ein Element entfernen möchten, klicken Sie mit der rechten Maustaste darauf und wählen Sie Panel entfernen aus dem Menü. Sobald Sie alle Anpassungen an einer Seite vorgenommen haben, speichern Sie und genießen Sie Ihre Handarbeit.
Verwenden von Quick Edit zum Ändern Ihres Shops
Wie wir bereits gesagt haben, können Sie BigCommerce-Vorlagen im Design-Modus anpassen, aber das reicht kaum aus. Es gibt nur begrenzte Möglichkeiten, Elemente neu anzuordnen und aus Ihren Designs zu entfernen.
Eine andere Möglichkeit, BigCommerce-Vorlagen anzupassen, ist der Stylesheet-Editor. Mit der Option „Vorlagendateien durchsuchen“ auf der Registerkarte „Shop-Design“ können Sie das CSS jeder Vorlagendatei Ihres Designs bearbeiten. Sie müssen HTML und CSS beherrschen, um BigCommerce von hier aus anpassen zu können, aber dies ist mit Sicherheit der effektivere Weg, dies zu tun. Tatsächlich erfolgen die meisten Anpassungen, die Profis wie wir an Themes vornehmen, über die Quick Edit-Option.
Sobald Sie den Editor aufrufen, sehen Sie in der linken Spalte Listen mit Vorlagendateien. Der erste Teil enthält Dateien aus der Vorlage, die verwendet werden, während der andere alle verbleibenden Vorlagendateien für das Thema anzeigt, gruppiert nach ihrem Typ.
Wenn Sie auf eine beliebige Vorlagendatei klicken, öffnet sich rechts der Editor (siehe oben). Es zeigt die gesamte Codierung dieser Vorlage, und Sie können hier alle Änderungen am HTML vornehmen. Das ist unglaublich knifflig und sollte Experten überlassen werden, die HTML verstehen.
Passen Sie BigCommerce-Designs über FTP an
Wenn Sie daran denken, BigCommerce anzupassen, werden Sie meistens feststellen, dass jeder Aspekt eines Themas anpassbar ist, solange Sie wissen, wie es geht. Für die grundlegenden Dinge haben wir über den Designmodus gesprochen. Für erweiterte BigCommerce-Anpassungen gibt es den HTML-Editor oder Quick Edit. Aber das ist nicht alles. Außerdem ist ein FTP-Zugriff auf ein spezielles Verzeichnis vorgesehen, das Benutzern (Expertenbenutzern) die Möglichkeit gibt, alles zu ändern, was mit den anderen beiden Optionen nicht möglich ist.
Sie müssen Ihren Shop per FTP mit dem Verzeichnis verbinden. Sie können hier Dateien hochladen, die dann wieder mit Ihrem BigCommerce-Shop verknüpft werden müssen. Der beste Weg, dies zu tun, wäre, ein ZIP-Archiv aller Vorlagendateien Ihrer Vorlage herunterzuladen und die zu ändernden Dateien zu ändern. Zu den Dateitypen, die Sie hochladen können, gehören HTML und CSS, Bilder wie .jpg, .jpeg und .png und Mediendateien wie .flv, .fla usw. Denken Sie daran, dass diese hochgeladenen Dateien andere URL-Links haben als die in die Vorlagendateien. Sie müssen diese neuen URLs in die Stylesheets oder Webseiten integrieren, auf denen sie verwendet werden.
AKTUALISIERUNGEN 2019:
Da die digitale Online-Welt stetig wächst und auf dem Vormarsch ist, müssen E-Commerce-Plattformen ihre Optionen und Funktionalitäten ständig aktualisieren. Während der obige Inhalt für alle BigCommerce-Ladenbesitzer immer noch unglaublich nützlich ist, gibt es einige Aktualisierungen, die seit der ersten Veröffentlichung dieses Blogs vorgenommen wurden.
DER WYSIWYG-Editor
WYSIWYG: Was Sie sehen, ist, was Sie bekommen. Dieser BigCommerce-Editor kann für Webseiten, Banner, Produkte und Kategorien verwendet werden. Dieser Editor ist ein „Front-Editor“, was bedeutet, dass Sie den Inhalt der oben genannten spezifischen Seiten bearbeiten können, ohne den Code zu ändern. Mit WYSIWYG können Sie Text formatieren, Links erstellen, Bilder, Videos und andere Medien hinzufügen und Tabellen erstellen. Wenn Sie den Editor lieber nicht verwenden möchten, gibt es eine Schaltfläche zum Deaktivieren, auf die Sie in Ihren Store-Einstellungen klicken können.
BigCommerce Style Theme Editor
Wenn Sie ein BigCommerce-Design gekauft haben und es anpassen möchten, gehen Sie einfach zu Ihrem BigCommerce-Shop und klicken Sie auf „Meine Designs“. Dadurch gelangen Sie zu einer Seite mit einem Bildschirm, der wie folgt aussieht:
Nachdem Sie auf die Schaltfläche „Anpassen“ geklickt haben, öffnet sich ein neues Fenster mit dem Stil-Editor-Bedienfeld auf der linken Seite Ihres Bildschirms.
Unabhängig davon, ob Sie einen BigCommerce-Shop mit dem Blueprint-Design oder dem Stencil-Design haben, können Sie mit BigCommerce das Erscheinungsbild Ihrer Storefront mit dem Style-Editor ändern, ohne den Code zu ändern. Sowohl mit dem Blueprint- als auch mit dem Stencil-Design können Sie Schriftarten und Farben sowie Bildgrößen ändern, Produktspalten hinzufügen und vieles mehr, um Ihre Website besser an Ihre Marke und Ihre Vorlieben anzupassen.
Passen Sie HTML- und CSS-Code an
Wenn Sie sich im Stil-Editor befinden und feststellen, dass Sie einige Änderungen nicht vornehmen können, müssen Sie den HTML- und CSS-Code Ihres Designs bearbeiten. Dazu müssen Sie das Design herunterladen, das Sie bearbeiten möchten. Es wird so aussehen:
Sobald Sie das Thema, an dem Sie arbeiten möchten, festgelegt haben, speichern Sie es auf Ihrem Computer und Sie können mit Ihren Änderungen und Anpassungen beginnen. Wenn Sie jedoch mit der Webentwicklung nicht vertraut sind, wird dringend empfohlen, sich von jemandem mit fundierten Kenntnissen helfen zu lassen, damit Sie nicht auf größere Probleme stoßen, die dazu führen könnten, dass Ihre gesamte Website fehlerhaft ist.
BigCommerce Store-Anpassung mit der besten digitalen Agentur
Der Aufbau einer Marke ist mehr als nur ein gutes Logo und ein guter Slogan. Ihr E-Commerce-Shop muss alles verkörpern, wofür Ihre Marke steht. Während BigCommerce einfach Ihre erste E-Commerce-Plattform ist, müssen Sie BigCommerce-Vorlagen anpassen, um ein wirklich einzigartiges Website-Design zu erstellen.
Bei 1Digital Agency haben wir Experten, die die Vor- und Nachteile von BigCommerce-Anpassungen und benutzerdefinierten Vorlagendesigns für BigCommerce-Shops kennen. Darüber hinaus verstehen wir E-Commerce und können Sie fachmännisch beraten, wie Sie mit Designs, die ins Auge fallen, benutzerfreundlich und vor allem einzigartig für Ihre Geschäftsideologie sind, tatsächlich mit Ihrem Kundenstamm in Kontakt treten.
Unter Berücksichtigung von UX und UI werden unsere erfahrenen E-Commerce-Designer und -Entwickler Ihre Vision in ein funktionales, erstklassiges E-Commerce-Website-Design verwandeln, das vollständig responsive ist und Benutzer dazu verleitet, die Seiten Ihres Online-Shops weiter zu erkunden. Sie integrieren Aspekte Ihrer Marke in jede Entscheidung, die sie mit Ihrer Website treffen. Von Farben über Schriftarten, Bilder und mehr wird Ihre Website die richtigen Benutzer anziehen und sie lange genug beschäftigen, um zu einer höheren Konversionsrate zu führen.
Unsere Experten arbeiten von Anfang an mit BigCommerce zusammen. Wir haben ein vielseitiges Portfolio an Arbeiten, das für sich spricht. Wir passen nicht nur BigCommerce-Designs an , sondern bieten auch Marketing- und Entwicklungsdienste an. Als zertifizierter BigCommerce-Partner können wir mit Stolz sagen, dass wir unseren Ruf auf der Grundlage harter Arbeit und der Verpflichtung aufgebaut haben, jedes Projekt zum Erfolg zu führen. Rufen Sie uns jetzt unter 888.982.8269 an oder kontaktieren Sie uns über unsere Website und lassen Sie sich von uns zeigen, was wir können.