Instellingen - Blog Studio

Ollama Configuratie

Ollama URL

Ollama API Key

Alleen nodig voor Ollama Cloud (api.ollama.com). Voor lokale installatie leeg laten.

Model Naam

Afbeelding Bronnen

Eigen Media Bibliotheek

Map pad voor sync

Magento Afbeeldingen

Gekoppeld via Magento integratie

Automatisch Magento afbeeldingen gebruiken Productafbeeldingen meenemen als bron bij zoeken en auto-selectie.

Pexels

Pexels API Key

Gratis API key via pexels.com/api.

Unsplash

Unsplash Access Key

Maak een gratis account op unsplash.com/developers.

Auto-toevoegen Automatisch hero + sectiebeelden toevoegen bij generatie.

Max afbeeldingen per artikel

Social Media - Post Studio

Hoe werkt social posten nu?

Open een artikel in de editor en ga naar de tab Sociaal.
Laat de tool een Facebook post genereren of schrijf zelf de tekst.
Kopieer de post naar Facebook of Meta Business Suite.
Markeer de post daarna als klaar of handmatig gepost.

Er is geen externe social koppeling actief. De tool bereidt posts voor en houdt lokaal de status bij.

Meta API voorbereiding

Alleen verbinding testen en pagina-info ophalen. Er wordt nog niets gepubliceerd.

Wat heb ik hiervoor nodig?

Een Meta app met toegang tot je Facebook pagina.
Een Page Access Token of token dat de pagina mag lezen.
De Facebook Page ID van de pagina waarop je later wilt posten.
Voor later publiceren zijn extra permissies nodig; deze stap test alleen de basis.

Meta Page ID

Graph API versie

Meta Access Token

Wordt alleen gebruikt voor de testcall naar Meta Graph API.

Google Search Console

Hoe koppel ik Search Console?

Maak in Google Cloud een service account aan.
Download de JSON key en plak die hieronder.
Voeg het service-account e-mailadres toe als gebruiker in Search Console.
Gebruik exact dezelfde property URL als in Search Console. Bij de reverse proxy is dat meestal https://www.demo-shop.nl/.

Search Console property URL

Service account JSON

Wordt gebruikt om Search Console data server-side op te halen.

Google Analytics 4

Hoe koppel ik GA4?

Geef hetzelfde service account toegang tot je GA4 property.
Rol in GA4: minimaal Viewer.
Vul de numerieke GA4 Property ID in, niet de Measurement ID.
Laat het JSON veld leeg als je dezelfde JSON als Search Console wilt gebruiken.

GA4 Property ID

GA4 service account JSON

Magento Koppeling

Hoe maak ik een Magento token aan?

Ga in Magento Admin naar System -> Extensions -> Integrations -> Add New.
Naam: Blog Studio.
Resources: Catalog read only.
Activeer de integration.
Kopieer de Access Token en plak die hieronder.

Magento URL

Access Token

Gebruik een Magento Integration token met alleen Catalog read only toegang.

Cache tijd

Aantal minuten dat productresultaten lokaal gecachet blijven.

Automatisch tiles toevoegen Product- en categorietiles toevoegen bij artikel generatie.

Tile CSS voor WordPress preview

Voeg deze CSS toe aan sss-blog.nl via: WordPress Admin -> Weergave -> Aanpassen -> Extra CSS.

<style id="sss-tiles-css">
.sss-product-tile {
  display: flex;
  flex-direction: column;
  width: 220px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  overflow: hidden;
  margin: 0;
  vertical-align: top;
  font-family: sans-serif;
  background: #fff;
  box-shadow: 0 2px 4px rgba(0,0,0,0.08);
  transition: box-shadow 0.2s;
  box-sizing: border-box;
}
.sss-product-tile:hover { box-shadow: 0 4px 12px rgba(0,0,0,0.15); }
.sss-product-tile a { text-decoration: none; color: inherit; display: flex; flex-direction: column; height: 100%; }
.sss-product-tile-media {
  width: 100%;
  height: 160px;
  background: #f3f4f6;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.sss-product-tile img {
  width: 100% !important;
  height: 160px !important;
  max-width: none !important;
  object-fit: contain;
  object-position: center;
  display: block;
}
.sss-product-tile-info { padding: 12px; display: flex; flex-direction: column; flex: 1; }
.sss-product-tile-naam { font-size: 14px; font-weight: 600;
  color: #111; margin: 0 0 10px; line-height: 1.35;
  min-height: 76px; overflow: hidden; display: -webkit-box;
  -webkit-line-clamp: 4; -webkit-box-orient: vertical; }
.sss-product-tile-price-row { margin-top: auto; min-height: 24px; }
.sss-product-tile-prijs { font-size: 16px; font-weight: 700; color: #e51c68; }
.sss-product-tile-oud { font-size: 12px; color: #9ca3af;
  text-decoration: line-through; margin-left: 6px; }
.sss-product-tile-cta { display: block; margin-top: 10px;
  background: #e51c68; color: white; text-align: center;
  padding: 8px; border-radius: 4px; font-size: 13px; font-weight: 500; }
.sss-product-tile-meta { font-size: 13px; font-weight: 700; color: #e51c68; margin-top: auto; }
.sss-product-tile-stock { display: inline-block; margin-top: 8px;
  background: #fee2e2; color: #991b1b; padding: 4px 8px;
  border-radius: 4px; font-size: 12px; font-weight: 600; }
.sss-categorie-tile .sss-product-tile-media { background: #e5e7eb; }
.sss-categorie-tile .sss-product-tile-meta { font-size: 13px; }
.sss-tiles-blok {
  background: #f9fafb; border-radius: 8px;
  padding: 16px; margin: 24px 0; }
.sss-tiles-blok-titel {
  font-size: 14px; font-weight: 600; color: #6b7280;
  margin: 0 0 12px; text-transform: uppercase; letter-spacing: 0.05em; }
.sss-tiles-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 220px));
  gap: 12px;
  align-items: stretch;
}
@media (max-width: 720px) {
  .sss-tiles-grid { grid-template-columns: 1fr; }
  .sss-product-tile { width: 100%; max-width: 100%; }
}
</style>

Google Service Account

Service Account JSON

Upload JSON Geen bestand geselecteerd

Upload je service_account.json bestand van Google Cloud Console.

Test Spreadsheet ID

Dashboard Beveiliging

Nieuwe Gebruikersnaam

Nieuw Wachtwoord

Bevestig Wachtwoord

Wachtwoorden worden veilig opgeslagen.

App Instellingen