Jumpstart

Jumpstart is made specifically for crowdfunding graduates, but is also perfect for selling one to ten products. Its home page showcases a video and a features section.

Sample Jumpstart theme image

Um mehr über die zu Jumpstart gehörigen Theme-Abschnitte zu erfahren und ein paar Beispiele für deren Nutzung zu sehen, klicken Sie auf die Schaltfläche Abschnitte. Um mehr über die verfügbaren Einstellungen zur Anpassung Ihres Shops zu erfahren, darunter Favicons, Farben und Typographie, klicken Sie auf die Schaltfläche Theme-Einstellungen.

Allgemeine Abschnitte

Jedes Theme enthält zwei Abschnitte, die auf jeder Seite Ihres Shops angezeigt werden:

  • the Header section is displayed at the top, and typically includes logo and navigation menus
  • the Footer section is displayed at the bottom, and typically includes a footer menu, payment icons, and a newsletter signup.

Most sections are contextual, which means that they only appear in the Sections tab for the page you are viewing in the theme preview area. The Header and Footer sections are common sections, which means that they appear in the Sections tab regardless of which page you are viewing in the theme preview.

Jumpstart enthält für die Inhalte der Kopf- und Fußzeilenabschnitte verschiedene einzigartige Einstellungen.

With Jumpstart, you can upload an inverted logo to display in your header against a dark background. Jumpstart also features a product Buy now button to encourage your customers to purchase a featured product that you select.

Logo images for the header section should be 200px wide.

So passen Sie den Header-Abschnitt an:

  1. Klicken Sie auf Abschnitte.

  2. Klicken Sie auf Kopfzeile.

  3. Add your logo and inverted (light-colored) logo to the header:

    1. Klicken Sie im Abschnitt Logo auf Bild auswählen und führen Sie dann einen der folgenden Schritte aus:
      • Um ein Bild auszuwählen, das Sie bereits in Ihren Shopify-Adminbereich hochgeladen haben, klicken Sie auf den Tab Bibliothek.
      • Um ein Bild von Ihrem Computer auszuwählen, klicken Sie auf den Tab Bibliothek und dann auf die Schaltfläche +.
    2. Um ein invertiertes Logo hinzuzufügen, aktivieren Sie die Option Invertiertes Logo.
    3. Klicken Sie im Bereich Invertiertes Logo auf Bild auswählen und führen Sie dann einen der folgenden Schritte aus:
      • Um ein Bild auszuwählen, das Sie bereits in Ihren Shopify-Adminbereich hochgeladen haben, klicken Sie auf den Tab Bibliothek.
      • Um ein Bild von Ihrem Computer auszuwählen, klicken Sie auf den Tab Bibliothek und dann auf die Schaltfläche +.
    4. Enter the logo's width in the Custom logo width (in pixels) field.
  1. Set your navigation menu options:

    1. In the Navigation section, select the navigation menu you want to display in your store's header from the Menu drop-down list.
    2. From the Menu style drop-down list, select either a classic menu, or a drawer-style menu.
    3. From the Classic menu color list, select whether you want the menu text to be light or dark.
  1. Select a product for the Buy now button:

    1. Click in the Product for "buy now button" field.
    2. Start typing a product name, or select one from the drop-down list.
  2. Klicken Sie auf Speichern.

Fußzeile

With Jumpstart, you can display the following content in your store's footer section:

  • your store's logo
  • a newsletter signup form
  • a menu
  • accepted payment methods.

To customize your store's footer:

  1. Klicken Sie auf den Tab Abschnitte.

  2. Klicken Sie dann auf Fußzeile.

  3. Add a logo to your footer:

    1. In the Logo image section, click Select image , and then do one of the following:
      • Um ein Bild auszuwählen, das Sie bereits in Ihren Shopify-Adminbereich hochgeladen haben, klicken Sie auf den Tab Bibliothek.
      • Um ein Bild aus der Bildersammlung von Shopify Burst auszuwählen, klicken Sie auf die Registerkarte Kostenlose Bilder. Von hier aus können Sie einen Suchbegriff eingeben oder die verschiedenen Bildkategorien durchsuchen.
      • Um ein Bild von Ihrem Computer auszuwählen, klicken Sie auf den Tab Bibliothek und dann auf die Schaltfläche +.
    2. Enter the logo's width in the Custom logo width (in pixels) field.
  4. To show a newsletter signup form, check Show newsletter.

  5. From the Menu drop-down list, select the menu you want to display in the footer.

  6. To show the payment methods you accept, check Show payment methods.

  7. Klicken Sie auf Speichern.

Video

The Jumpstart home page features a video section. You can upload a thumbnail image for your video, and link to a video hosted on YouTube or Vimeo.

  1. Klicken Sie auf den Tab Abschnitte.

  2. Click Video.

  3. In the Custom video thumbnail section, click Select image , and then do one of the following:

- Um ein Bild auszuwählen, das Sie bereits in Ihren Shopify-Adminbereich hochgeladen haben, klicken Sie auf den Tab Bibliothek. - Um ein Bild aus der Bildersammlung von Shopify Burst auszuwählen, klicken Sie auf die Registerkarte Kostenlose Bilder. Von hier aus können Sie einen Suchbegriff eingeben oder die verschiedenen Bildkategorien durchsuchen. - Um ein Bild von Ihrem Computer auszuwählen, klicken Sie auf den Tab Bibliothek und dann auf die Schaltfläche +.

  1. From the Text color drop-down list, select whether you want the header text to be light or dark.

  2. In the Heading field, enter the text that you want to display over the video thumbnail. By default, this text is "Welcome!".

  3. In the YouTube or Vimeo link field, paste a link to the video on YouTube or Vimeo.

  4. Klicken Sie auf Speichern.

Image and text

Jumpstart includes an Image and text section that lets you show an image with a custom message to your customers.

  1. Klicken Sie auf den Tab Abschnitte.

  2. Click Image and text.

  3. From the Alignment list, choose whether you want the image on the left or the right of the text.

  4. Um das Bild hinzuzufügen, klicken Sie im Bereich Bild auf Bild auswählen und führen Sie dann einen der folgenden Schritte aus:

- Um ein Bild auszuwählen, das Sie bereits in Ihren Shopify-Adminbereich hochgeladen haben, klicken Sie auf den Tab Bibliothek. - Um ein Bild aus der Bildersammlung von Shopify Burst auszuwählen, klicken Sie auf die Registerkarte Kostenlose Bilder. Von hier aus können Sie einen Suchbegriff eingeben oder die verschiedenen Bildkategorien durchsuchen. - Um ein Bild von Ihrem Computer auszuwählen, klicken Sie auf den Tab Bibliothek und dann auf die Schaltfläche +.

  1. Add the text to go with the image:

    1. Geben Sie im Feld Überschrift den Überschrifttext ein, den Sie anzeigen möchten.
    2. Geben Sie in das Feld Text den Text ein, der unterhalb der Überschrift angezeigt werden soll.
    3. Geben Sie im Feld Button-Beschriftung den Text ein, der auf der Schaltfläche angezeigt werden soll.
    4. Fügen Sie im Feld Schaltflächen-Link einen Link zu einer URL ein, oder klicken Sie in das Feld, um eine Seite aus Ihrem Geschäft auszuwählen.
  2. Klicken Sie auf Speichern.

Text columns with icons

The Text columns with icons section lets you group informative text with associated icons. For example, you can describe what sets your brand apart, provide customer testimonials, or highlight how easy it is to shop your store:

Three columns of text describing how easy it is to shop

You can select from hundreds of icons from Font Awesome. To display an icon, enter the icon name in the Icon name field. The icon will display automatically.

To add a text columns with icons section:

  1. Klicken Sie auf den Tab Abschnitte.

  2. Click Text columns with icons.

  3. In the Heading field, enter the title that will appear above the text columns.

  4. Add a text column with an icon:

    1. Click Describe a feature.
    2. In the Icon name field, enter the name of the icon you want to display. For example, "cutlery" or "shopping-cart".
    3. In the Title field, enter a title for the text column.
    4. In the Text field, enter the body of the text.
    5. From the Container width drop-down list, select a width for the text column.
  5. Repeat step 4 until you are finished adding text columns.

  6. Klicken Sie auf Speichern.

Campaign tracker

Jumpstart includes a unique Campaign tracker section that links to your fundraising site and shows how close your are to your fundraising goal:

Campaign tracker section showing name of fundraising campaign and fundraising statistics

  1. Klicken Sie auf den Tab Abschnitte.

  2. Click Campaign tracker.

  3. In the Title field, enter a title for your campaign.

  4. In the Subtitle field, enter a subtitle. Leave this field blank if you don't want to display a subtitle.

  5. From the Stats style list, select whether you want to display a pie chart with smaller text, or a bar chart with larger text.

  6. In the Background image section, click Select image , and then do one of the following:

- Um ein Bild auszuwählen, das Sie bereits in Ihren Shopify-Adminbereich hochgeladen haben, klicken Sie auf den Tab Bibliothek. - Um ein Bild aus der Bildersammlung von Shopify Burst auszuwählen, klicken Sie auf die Registerkarte Kostenlose Bilder. Von hier aus können Sie einen Suchbegriff eingeben oder die verschiedenen Bildkategorien durchsuchen. - Um ein Bild von Ihrem Computer auszuwählen, klicken Sie auf den Tab Bibliothek und dann auf die Schaltfläche +.

  1. In the Campaign details section, enter the following statistics for your campaign:

    1. In the Funded percent field, enter the percentage of your total fundraising goal that you have raised.
    2. In the Funded amount field, enter the dollar amount you have raised.
    3. In the Number of backers field, enter the number of backers that have contributed to your campaign.
    4. In the Project URL field, enter the URL to your fundraising website.
  2. Klicken Sie auf Speichern.

FAQs

You can add a list of Frequently Asked Questions (FAQ) to your home page. You can use this section to provide details about your fundraising campaign (if you have one), or answer questions about your products or shipping and return policies.

  1. Klicken Sie auf den Tab Abschnitte.

  2. Click FAQ.

  3. In the Header field, enter a title for the FAQ section. By default, the title is "FAQ".

  4. To add a question, do the following steps:

    1. In the Content section, click a FAQ section to expand it.
    2. In the Heading field, type the question.
    3. In the Text field, type the answer.
  5. Repeat step 4 until you have added all the questions for the FAQ section.

  6. Klicken Sie auf Speichern.

Slideshow

The recommended size for Jumpstart slideshow images is 1200 x 600px.

  1. Klicken Sie auf den Tab Abschnitte.

  2. Klicken Sie auf Slideshow.

  3. Click Slide.

  4. In the Image section, click Select image , and then do one of the following:

- Um ein Bild auszuwählen, das Sie bereits in Ihren Shopify-Adminbereich hochgeladen haben, klicken Sie auf den Tab Bibliothek. - Um ein Bild aus der Bildersammlung von Shopify Burst auszuwählen, klicken Sie auf die Registerkarte Kostenlose Bilder. Von hier aus können Sie einen Suchbegriff eingeben oder die verschiedenen Bildkategorien durchsuchen. - Um ein Bild von Ihrem Computer auszuwählen, klicken Sie auf den Tab Bibliothek und dann auf die Schaltfläche +.

  1. In the Link URL field, do one of the following:

- to link the slideshow image to a page in your store, click in the Link URL field and select a page from the list of options. - to link the slideshow image to an external URL, enter the URL address in the Link URL field.

  1. Repeat steps 3 to 5 until you have finished adding slides to the slideshow.

  2. Klicken Sie auf Speichern.

Jumpstart's Featured product section doesn't show the product description. The product description only appears on the product page. This is because the many other sections for the home page are meant to explain and describe your product as well. Think of the Featured product section as a "call to action" that gets your customers to click through to buy your product.

  1. Klicken Sie auf den Tab Abschnitte.

  2. Click Featured product.

  3. Click in the Product field to select from an alphabetical list of products in your store, or enter a product name.

  4. Klicken Sie auf Speichern.

Blog

The Blog section displays up to 3 recent posts from your store's blog, and links to your blog page in your Shopify store. If you do not have a blog, you can delete this section from your front page.

  1. Klicken Sie auf den Tab Abschnitte.

  2. Click Blog.

  3. In the Header field, type the title you want to appear for this section. By default, the title is set to "Blog".

  4. Click the Blog list to select a blog from the list.

  1. Klicken Sie auf Speichern.

Produktseite

Im Abschnitt Produktseiten können Sie eine dynamische Checkout-Schaltfläche und Social-Sharing-Symbole hinzufügen oder entfernen.

So bearbeiten Sie die Einstellungen für Produktseiten:

  1. Wählen Sie im Dropdown-Menü der oberen Leiste den Eintrag Produktseiten aus.

  2. Klicken Sie auf Abschnitte.

  3. Klicken Sie auf Produktseiten.

  4. Um einen dynamischen Checkout-Button anzuzeigen, aktivieren Sie die Option dynamischen Checkout-Button anzeigen.

  5. Um die Social-Sharing-Symbole anzuzeigen, aktivieren Sie die Option Teilen von Produkten aktivieren.

  6. Klicken Sie auf Speichern.

Kategorieseite

You choose the number of columns and rows for product images displayed on your collection page. The product images will be resized to fit the page.

  1. In the theme editor preview, open a collection page.

  2. Klicken Sie auf den Tab Abschnitte.

  3. Klicken Sie auf Kategorieseiten.

  4. Select the number of rows and columns you want to display.

  5. Klicken Sie auf Speichern.

Warenkorbseite

When customers add an item to their cart, they are taken to the cart page right away. With Jumpstart , there's no "continue shopping" button or cart drawer. Jumpstart is meant for selling a single product, so there shouldn't be a need for your customer to keep shopping when they've made a decision.

With Jumpstart, you can enable cart notes for the customer to send instructions about their order:

Cart page showing "Special instructions for seller" note field

  1. In the theme editor preview, add a product to the cart page.

  2. Klicken Sie auf den Tab Abschnitte.

  3. Klicken Sie auf die Warenkorbseite.

  4. Aktivieren Sie Bestellungsanmerkungen aktivieren.

  5. Klicken Sie auf Speichern.

Farben

Sie können die Farben für die verschiedenen Abschnitte Ihres Onlineshops bestimmen.

  1. Klicken Sie auf Theme-Einstellungen.

  2. Klicken Sie auf Farben.

  3. Klicken Sie für jeden Inhaltstyp auf das Farbfeld, um die Farbauswahl zu verwenden:

    Die Farbauswahl im Theme-Editor

- Der Bereich Zuletzt ausgewählt zeigt Farben an, die Sie zuletzt für Ihr Theme ausgewählt haben. - Im Bereich Aktuell verwendet werden Farben angezeigt, die Sie derzeit in anderen Abschnitten Ihres Themes verwenden.

Um die Farbe auf transparent festzulegen, klicken Sie auf Keine.

  1. Klicken Sie auf Speichern.

Typografie

Sie können die Schriftart und Schriftgröße des Textes in Ihrem Shop ändern.

So legen Sie Typografieoptionen fest:

  1. Klicken Sie auf den Tab Theme-Einstellungen.

  2. Klicken Sie auf Typografie.

  3. In the Headings section, select the font for heading and button text from the drop-down menu.

  4. Wählen Sie im Abschnitt Textkörper die Schriftart für den Textkörper in Ihrem Geschäft aus.

  5. Klicken Sie auf Speichern.

Favicon

Sie können ein Favoriten-Symbol oder ein "Favicon" hochladen, mit dem Sie Ihren Onlineshop markenspezifisch kennzeichnen können, indem Sie Ihr Logo an folgenden Orten anzeigen lassen:

  • im Tab Ihres Webbrowsers
  • im Verlauf Ihres Webbrowsers
  • Symbole auf Ihrem Desktop
  • neben dem Namen Ihres Onlineshops, wenn er zu den Lesezeichen hinzugefügt wird

The best favicon image size for Jumpstart is 32 x 32px.

  1. Klicken Sie auf den Tab Theme-Einstellungen.

  2. Klicken Sie auf Favicon.

  3. Klicken Sie im Bereich Favicon-Bild auf Bild auswählen und führen Sie dann einen der folgenden Schritte aus:

- Um ein Bild auszuwählen, das Sie bereits in Ihren Shopify-Adminbereich hochgeladen haben, klicken Sie auf den Tab Bibliothek. - Um ein Bild von Ihrem Computer auszuwählen, klicken Sie auf den Tab Bibliothek und dann auf die Schaltfläche +.

  1. Klicken Sie auf Speichern.

Social Media

Jumpstart includes several options for integrating your online store with social media, including Facebook, Twitter, and Pinterest. When you enter a social media URL, such as a link to your store's Facebook page, an icon will appear in your store's footer that customers can click to visit your social media site.

  1. Klicken Sie auf den Tab Theme-Einstellungen.

  2. Klicken Sie auf Soziale Medien.

  3. Geben Sie die URLs Ihrer Social-Media-Websites in die entsprechenden Felder ein.

  4. Klicken Sie auf Speichern.

Bezahlung

This section lets you customize your store's checkout. Click here for more information about your store's checkout page.

Theme style

Sie können die allgemeinen Einstellungen Ihres Themes auf die Standardwerte zurücksetzen. Wenn Sie den Stil Ihres Themes zurücksetzen, gehen alle Änderungen, die Sie im Tab Allgemeine Einstellungen vorgenommen haben, verloren. Sie werden jedoch keine Inhalte wie Text und Bilder verlieren.

  1. Klicken Sie auf den Tab Allgemeine Einstellungen.

  2. Klicken Sie auf Theme-Stil ändern.

  3. Klicken Sie auf den Button unter Theme-Stil ändern. Der Name dieses Buttons ist normalerweise der Name des Themes.

  4. Klicken Sie auf Stil ändern.

Verlinkung zu Abschnitten der Startseite

Um es den Kunden zu erleichtern, sich auf der Startseite Ihres Shops zurechtzufinden, können Sie den verschiedenen Abschnitten Ihrer Startseite interne Links hinzufügen. Um interne Startseitenlinks zu einem Menü hinzuzufügen, legen Sie den Link-Typ auf Webadresse fest und verwenden Sie eine der folgenden Linkadressen als Ziel:

Startseitenbereich Linkadresse
Bild und Video /#home-video
Image and text /#home-imagebox
Text columns with icons /#home-features
Rich Text /#home-page
Crowdfunding-Kampagne /#home-kickstarter
Häufig gestellte Fragen (FAQ) /#home-faq
Slideshow /#home-slideshow
Produkt /#home-product
Neueste Blog-Beiträge /#home-blog
Logoliste /#home-clients

Sind Sie bereit, mit Shopify zu verkaufen?

Probieren Sie es kostenlos aus