Header - live

support-shopsettingscategory-amanda.myers

Support FAQ - running-a-non-profit-shop/ - Arsi

Gemeinnützig verkaufen mit einem Non-Profit-Spreadshop

## Spreadshop als Non-Profit-Shop betreiben: So funktioniert’s für Vereine und Organisationen

Du möchtest deinen Spreadshop nicht zur Gewinnerzielung nutzen, sondern für einen guten Zweck einsetzen? Kein Problem – mit der **Non-Profit-Option** bietet dir Spreadshop genau das passende Modell. Besonders für **gemeinnützige Vereine, Initiativen oder Organisationen**, die aus steuerlichen Gründen **keine Gewinne erwirtschaften dürfen**, ist diese Funktion ideal.

### Was ist ein Non-Profit-Shop?

Ein Non-Profit-Shop ist ein Spreadshop, bei dem die **Gewinnmarge vollständig auf null gesetzt** wird. Das bedeutet: Du verdienst an den Verkäufen **keinen Cent**, sondern gibst deine Produkte **zum reinen [Basispreis](1fe43a5e-99b6-4ccb-8db8-c5ab671d0224)** weiter – also ohne Aufschlag.

Diese Einstellung kannst du ganz einfach in deinem Shop vornehmen:\
**Shop bearbeiten &gt; Preise &amp; Rabatte &gt; Preise im Shop &gt; Marge auf 0 € setzen.**

### Warum das wichtig ist

Wenn du eine gemeinnützige Organisation leitest oder unterstützt, kann es steuerrechtlich problematisch werden, wenn du mit dem Verkauf von Produkten **regelmäßig Gewinne erzielst**. Denn dadurch könntest du den Status der Gemeinnützigkeit gefährden – mit weitreichenden Konsequenzen für steuerliche Vorteile und Fördermittel.

Mit der Non-Profit-Option schützt du dich davor: **Kein Gewinn = kein Konflikt mit dem Gemeinnützigkeitsrecht.**

### Was du beachten solltest

* **Keine Marge, kein Gewinn:** Du verzichtest bewusst auf deine Einnahmen.

* **Kein [Erfolgsbonus](5a9050e2-08fa-4ff3-adbf-20c579a68547):** Da du keine Gewinne erzielst, erhältst du auch keinen Bonus für hohe Verkaufszahlen.

* **Keine Beteiligung an Rabattaktionen:** Du profitierst nicht von den Kostenbeteiligungen bei Aktionen, da keine Marge vorhanden ist.

* **Transparente Preisgestaltung:** Deine Kund\*innen zahlen genau den Basispreis – das sorgt für Fairness und Vertrauen.

### Steuerliche Hinweise

Auch wenn du keine Gewinne erzielst, können Fragen zur **Versteuerung von Shop-Aktivitäten** auftreten – zum Beispiel bei gemischten Modellen oder gelegentlichen Einnahmen. Deshalb empfehlen wir, dich bei Unsicherheiten an eine*n \*\*Steuerberater*in\*\* zu wenden. Weitere Informationen zur steuerlichen Behandlung deiner Shop-Einnahmen findest du außerdem [hier](#).

Support FAQ - printing-costs-and-print-areas/ - Arsi

Spreadshop Druckbereiche: Preise & Marge im Überblick

## **Was kostet ein Druckbereich? Alles rund um die Preisstruktur bei Spreadshop**

### Der erste Druckbereich ist inklusive

Für jedes Produkt, das du in deinem Spreadshop anbietest, ist **ein Druckbereich bereits im [Basispreis](1fe43a5e-99b6-4ccb-8db8-c5ab671d0224) enthalten** – ganz egal, welche [Druckart](85a67a57-fc85-4942-adfe-fb3e64133dc3) verwendet wird. Das gilt für alle angebotenen Verfahren:

* **Digitaldruck**

* **Flex- oder Flockdruck**

* **Thermosublimation**

* **Transferdruck (DTF)**

Du kannst dich also darauf verlassen: **Dein Lieblingsdesign auf der Vorderseite eines T-Shirts ist immer im Preis inbegriffen** – ohne Zusatzkosten für dich oder deine Kund\*innen.

---

### Zusätzliche Druckbereiche: Was kosten sie?

Falls deine Kund\*innen mehr Gestaltungsspielraum möchten – zum Beispiel ein zusätzliches Motiv auf der Rückseite oder einen Ärmelprint – ist das natürlich möglich. **Jeder zusätzliche Druckbereich** wird wie folgt berechnet:

* **4,50 € / CHF 5,00 pro zusätzlichem Druckbereich**

* **Ab 1. August 2023: 6,00 € / CHF 6,00**

Diese Kosten werden **automatisch zum Kundenpreis addiert**, sobald ein weiteres Druckfeld genutzt wird.

---

### Keine Auswirkungen auf deine Marge

Wichtig: Diese Zusatzkosten betreffen ausschließlich den **Endpreis für die Kund\*innen**. Für dich als Shop-Betreiber\*in ändert sich dadurch nichts:

* Deine **Marge bleibt unverändert**, da sie weiterhin auf Basis des regulären Kundenpreises ohne Zusatzdrucke berechnet wird.

* Auch dein **Erfolgsbonus** wird dadurch nicht beeinflusst.

So kannst du transparent kommunizieren: Wer mehr gestalten möchte, zahlt etwas mehr – ohne dass du etwas an deiner Preisstrategie anpassen musst.

### Beispiel:

Ein Hoodie kostet im Basispreis inklusive Frontdruck 25 €.\
Dein Kundenpreis liegt bei 32 €, deine Marge beträgt also 7 €.

Wenn ein Kunde nun zusätzlich einen Rückendruck hinzufügt, erhöht sich der Endpreis automatisch auf 38 € (32 € + 6 €).\
**Deine Marge bleibt trotzdem bei 7 €** – der Zusatzdruck schlägt sich nur im Endpreis nieder.

---

### Fazit

Mit Spreadshop gestaltest du deine Produkte flexibel – und deine Kund*innen ebenso. Der erste Druckbereich ist immer inklusive, zusätzliche Drucke kosten extra, haben aber **keinen Einfluss auf deine Einnahmen**. So bleibt deine Marge stabil und transparent – ganz egal, wie kreativ deine Kund*innen werden.

Support - website-integration-with-javascript - clbe

Website-Integration mit JavaScript

Im Folgenden zeigen wir Dir, wie Du Deinen Spreadshop in eine bestehende Website einbettest. Dafür benötigst Du ein paar grundlegende Kenntnisse in HTML, CSS und JavaScript sowie Zugriff auf den Quellcode der Website.

## **Wo soll Dein Shop erscheinen?**

Lege fest, wo auf der Website Dein Spreadshop angezeigt werden soll. Dafür platzierst Du an der entsprechenden Stelle in der HTML-Datei einen `div`-Container. Dein Spreadshop wird in diesem Container gerendert. Die `id` kannst du frei wählen.

Alles, was Du innerhalb des `div`-Elements schreibst, wird so lange angezeigt, bis der Shop geladen ist. Deshalb eignet sich der Ort zwischen den div-Tags besonders gut für eine Meldung wie „Spreadshop wird geladen...“

```
<div id="shop">Spreadshop wird geladen ...</div>
```

## **Konfigurieren**

Damit Dein Shop geladen wird, konfigurierst Du mit `spread_shop_config` die entsprechende Variable in JavaScript. Dabei muss `spread_shop_config` im ‚window scope‘ gesetzt werden.

In seiner minimalen Variante sieht das so aus:

```
var spread_shop_config = {
	shopName: 'goats',
	prefix: 'https://SHOPNAME.myspreadshop.de',
	baseId: 'shop',
};
```

Damit die Konfiguration geladen werden kann, musst Du noch die entsprechenden Parameter definieren:

* **shopName** `string`\
 Der Name oder die ID Deines Shops. Diese findest Du im Admin-Bereich Deines Spreadshops.

* **prefix** `string/url`\
 Die komplette Domain Deines Shops. Das ist alles vor dem Schrägstrich, z.B. `https://SHOPNAME.myspreadshop.de` oder `https://SHOPNAME.myspreadshop.co.uk`)

* **baseId** `string`\
 Die von Dir vorher festgelegte `id` des `div`-Elements (siehe oben)

## **Letztes Puzzleteil: Das Script**

Zum Schluss musst Du noch einen Link zu dem Script hinzufügen, das die eigentliche Arbeit erledigt und Deinen Shop lädt. Idealerweise platzierst Du es unterhalb Deiner Konfiguration. Je nachdem, auf welcher Plattform Dein Shop gehostet wird, fügst Du die folgenden Zeilen ein:

### **Für europäische Shops:**

```
<script type="text/javascript" src="https://SHOPNAME.myspreadshop.net/js/shopclient.nocache.js"></script>
```

### **Für nordamerikanische Shops:**

```
<script type="text/javascript" src="https://SHOPNAME.myspreadshop.com/js/shopclient.nocache.js"></script>
```

## **So arbeitet alles zusammen**

Ein vollständiges Beispiel sieht so aus:

```
<!DOCTYPE html>
<html>
 <head>
 <meta charset="utf-8">
 <title>Integrated Shop Test</title>
 </head>
 <body>
 <div id="shop">Spreadshop loading...</div>
 <script>
 var spread_shop_config = {
 prefix: 'https://SHOPNAME.myspreadshop.de',
 shopName: 'goats',
 baseId: 'shop',
 };
 </script>
 <script type="text/javascript" src="https://SHOPNAME.myspreadshop.net/js/shopclient.nocache.js"></script>
 </body>
</html>
```

## **Schriftarten**

Damit Dein Spreadshop gut zu Deiner Website passt, definieren wir keine eigenen Schriftarten im eingebetteten Shop. Das bedeutet für Dich, dass Du Deine Schriftarten selbst definieren musst: entweder im `body`-Tag, einem den Shop umschließenden `div` oder im Spreadshop-Container selbst.

## **Anpassungen für Fortgeschrittene**

Es gibt noch weitere Parameter, die Du einstellen kannst.

* **locale** `string`\
 Hast Du einen internationalen Shop, kannst Du die Sprache und Währung Deines eingebetteten Shops mit diesem Parameter ändern.\
 Folgende Werte stehen zur Verfügung:

 | platform | locale | language | currency |
 |----------|----------|----------|----------|
 | EU | da_DK | Danish | Danish Krone (kr |
 | EU | en_EU | English | Euro (€ |
 | EU | en_GB | English | Pound Sterling (£ |
 | EU | en_IE | English | Euro (€ |
 | EU | de_DE | German | Euro (€ |
 | EU | de_AT | German | Euro (€ |
 | EU | de_CH | German | Swiss Franc (CHF |
 | EU | es_ES | Spanish | Euro (€ |
 | EU | fi_FI | Finnish | Euro (€ |
 | EU | fr_BE | French | Euro (€ |
 | EU | fr_CH | French | Swiss Franc (CHF |
 | EU | fr_FR | French | Euro (€ |
 | EU | it_CH | Italian | Swiss Franc (CHF |
 | EU | it_IT | Italian | Euro (€ |
 | EU | nl_BE | Dutch | Euro (€ |
 | EU | nl_NL | Dutch | Euro (€ |
 | EU | no_NO | Norwegia | Norwegian Krone (kr |
 | EU | pl_PL | Polish | Euro (€ |
 | EU | sv_SE | Swedish | Swedish Krone (kr |
 | NA | en_US | English | Dollar ($ |
 | NA | en_CA | English | Dollar ($ |
 | NA | en_AU | English | Australian Dollar (AUD$ |
 | NA | fr_CA | French | Canadian Dollar (CAD$ |

* **updateMetadata** `boolean` (default: `true`)\\

 Falls nicht weiter definiert, verändert der integrierte Shop SEO-relevante Metadaten im `head` Deiner Seite (`title`, `description` und `seoIndex` sowie [OpenGraph](http://ogp.me/) und [Twitter](https://developer.twitter.com/en/docs/tweets/optimize-with-cards/overview/summary) Card tags). Möchtest Du diese Funktionalität ausschalten, setze den Parameter auf `false`.

* **usePushState** `boolean` (default: `false`)\\

 Standardmäßig entstehen beim Navigieren in eingebetteten Shop Hashbang-URLs (`.../shop/#!/männer+t-shirts?q=P24`). Dies umgehst Du, wenn Du diesen Parameter auf `true` setzt. Dazu sind jedoch auch Änderungen an der `.htaccess`-Datei auf Deinem Webserver notwendig und deswegen sollten sich nur Experten an dieses Feature wagen.

* **pushStateBaseUrl**\\

 Ist nur relevant, wenn Du bereits ‚usePushState‘ nutzt (= `true`), einen ‚redirect‘ zu Deinem Spreadshop unterdrücken oder aber Deinen Shop an unterschiedlichen Stellen einbetten möchtest. Definiere dafür den Einstiegspunkt der einbettenden Website, ab der Dein Shop eingehängt werden soll.

* **startToken** `string`\\

 Mit diesem Pfad legst Du fest, welche Seite in Deinem Shop als Startseite angezeigt werden soll.

* **swipeMenu** `boolean` (default: `false`)\\

 Hat die einbettende Seite bereits ein Burger-Menü, deaktivierst Du am besten das Burger-Menü Deines Spreadshops. Ändere diesen Parameter und nutze stattdessen ein Swipe-Menü. Setze dafür den Parameter auf `true`.

## **Beispiel für fortgeschrittene Anpassungen**

Ein Beispiel, das alle verfügbaren Parameter verwendet, könnte so aussehen:

```
var spread_shop_config = {
 shopName: 'goats',
 prefix: 'https://SHOPNAME.myspreadshop.de',
 baseId: 'shop',
 locale: 'de_DE',
 startToken: 'men+t-shirts?q=P24',
 usePushState: false,
 updateMetadata: true,
};
```

## **Häufige Fehler und Ursachen**

### **DOCTYPE fehlt**

Deine HTML-Datei muss mit dem Tag `<!DOCTYPE html>` beginnen, weil Spreadshop für HTML5 erstellt wurde. Ohne dieses Tag kommt es zu Layout- und Styling-Problemen. Im eingebetteten Shop wird Dich ein sehr prominentes Banner auf das Fehlen dieses Tags aufmerksam machen.

### **Buttons und Links funktionieren nicht**

Wenn nichts in Deinem Shop klickbar ist, könnte es am Kompatibilitätsmodus von MooTools liegen.Der Spreadshop benutzt nämlich `React.js`, was mit MooTools im compat-Modus inkompatibel ist.

### **Shop merhmals eingebettet**

Wir raten dringend davon ab, den Shop mehrmals in dieselbe Seite einzubetten.

### **Ungewöhnliche Sonderzeichen (z.B. „Â“)**

Bitte achte auf UTF-8-Kodierung. Die meisten CMS haben eine Einstellung dafür. Hast Du Zugang zu Deinen eigenen HTML-Dateien, kodiere sie bitte mit UTF-8 und stelle sicher, dass das Tag `<meta charset=“UTF-8“>` in Deinem `head` vorhanden ist.

### **“DOCTYPE missing” Meldung beim Einbetten in Weebly-Site**

Diese Fehlermeldung ist in der Regel nur im Weebly-Editor sichtbar und kann ignoriert werden. Das Einbetten Deines Spreadshops funktioniert trotzdem, wenn Du die Änderungen veröffentlichst.

### **Integration mit GoDaddy Website Builder funktioniert nicht**

Mit GoDaddy lässt sich zurzeit leider keine funktionierende Integration realisieren.

Spreadshop einrichten – Optionen, Tools & Tipps

Gemeinnützig verkaufen mit einem Non-Profit-Spreadshop

Spreadshop Druckbereiche: Preise & Marge im Überblick

Website-Integration mit JavaScript