Intră în cont Începe
Integrare

Ce ai de făcut în magazinul tău, o singură dată.

Doi pași, aproximativ zece minute. Îi faci după înscriere, din panou, unde ai și butoanele de verificare. Aici sunt scriși ca să știi dinainte exact ce urmează și ce acces cerem.

  1. Catalog și blog

    Creezi un utilizator API dedicat

    În adminul tău MerchantPro: Setări → API și webhook-uri. Adaugi un utilizator API numit ShopWriter și primești două valori — utilizatorul API și parola API. Le lipești în panou, la Setări.

    Permisiunile exacte: Catalog — Read only și Blog — Read & Write. Prima citește produsele, stocurile și prețurile; a doua citește categoriile blogului și publică articole. Nu cerem acces la comenzi sau clienți și nu avem drept de scriere în catalog.

    Poți verifica permisiunile și în ghidul oficial MerchantPro.

    Valorile se păstrează criptat și nu se mai afișează integral. Poți dezactiva sau șterge utilizatorul API oricând din MerchantPro — accesul ShopWriter se oprește imediat, fără alt pas.

  2. Cum arată articolele

    Lipești un bloc de CSS în magazin

    În adminul tău: Design → CSS personalizat. Lipești blocul de mai jos și salvezi. Ai o singură linie de ajustat, culoarea de accent, sus de tot.

    Blocul stilizează strict paginile de articol scrise de ShopWriter — toți selectorii pornesc de la .article__content, care există doar acolo. Listarea blogului, categoriile, paginile de produs și pagina principală rămân exact cum sunt. Îl scoți la fel de ușor cum l-ai pus.
    shopwriter-blog.css 
    /* ===========================================================
   ShopWriter — stilizarea articolelor de blog
   Se lipește în MerchantPro: Design → CSS personalizat.

   Se aplică DOAR pe paginile de articol, prin selectori care
   există exclusiv acolo (.article__content). Listarea /blog,
   categoriile, paginile de produs și pagina principală rămân
   neatinse.

   Singurul lucru de ajustat: --sw-ac, linia de mai jos —
   pune culoarea magazinului tău.
   =========================================================== */

:root {
  --sw-ac:      #7d1f3d;   /* accent — schimbă doar aici */
  --sw-ac-soft: #7d1f3d12;
  --sw-ink:     #15120f;
  --sw-soft:    #57504a;
  --sw-rule:    #ded6c8;
  --sw-paper:   #fbf9f4;
  --sw-max:     44rem;
}

/* ---------- Coloană centrată, lățime de citit ---------- */

.page__content-wrapper:has(.article__content) .page__aside-breadcrumb,
.page__content > .article__info,
.page__content > .article__media--main,
.article__content,
.page__content > .similar-articles {
  max-width: var(--sw-max);
  margin-left: auto;
  margin-right: auto;
}

.page__content-wrapper:has(.article__content) .page__heading {
  line-height: 1.14;
  letter-spacing: -0.02em;
  margin-bottom: 1.15rem;
  max-width: var(--sw-max);
  margin-left: auto;
  margin-right: auto;
  text-wrap: balance;
}

/* ---------- Bara de meta (data, categoria) ---------- */

.page__content > .article__info {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.7rem 1.2rem;
  padding-bottom: 0.9rem;
  border-bottom: 1px solid var(--sw-rule);
  margin-bottom: 1.75rem;
}

.page__content > .article__info .article__date,
.page__content > .article__info .article__category-link {
  font-size: 0.78rem;
  letter-spacing: 0.11em;
  text-transform: uppercase;
  color: var(--sw-soft);
}

.page__content > .article__info .article__category-link {
  color: var(--sw-ac);
  text-decoration: none;
  border-bottom: 1px solid currentColor;
  padding-bottom: 1px;
}

/* ---------- Imaginea de copertă ---------- */

.page__content > .article__media--main img {
  width: 100%;
  height: auto;
  border-radius: 10px;
  margin-bottom: 2rem;
}

/* ---------- Corpul articolului ---------- */

.article__content {
  font-size: 1.0625rem;
  line-height: 1.72;
  color: var(--sw-ink);
}

.article__content > p:first-of-type {
  font-size: 1.16rem;
  line-height: 1.6;
  color: var(--sw-soft);
}

.article__content p { margin: 0 0 1.35em; }

.article__content h2 {
  font-size: 1.6rem;
  line-height: 1.2;
  letter-spacing: -0.015em;
  margin: 2.75rem 0 1rem;
  padding-top: 1.25rem;
  border-top: 1px solid var(--sw-rule);
  text-wrap: balance;
}

.article__content h3 {
  font-size: 1.2rem;
  line-height: 1.25;
  margin: 2rem 0 0.75rem;
}

.article__content a:not([name]) {
  color: var(--sw-ac);
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}
.article__content a:not([name]):hover,
.article__content a:not([name]):focus-visible {
  background: var(--sw-ac-soft);
}

/* ---------- Liste ---------- */

.article__content ul,
.article__content ol {
  margin: 0 0 1.5rem;
  padding-left: 0;
  list-style: none;
}

.article__content li {
  position: relative;
  padding-left: 1.5rem;
  margin-bottom: 0.6rem;
  line-height: 1.6;
}

.article__content ul > li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.85em;
  width: 0.6rem;
  height: 1px;
  background: var(--sw-ac);
}

.article__content ol { counter-reset: sw-li; }
.article__content ol > li { counter-increment: sw-li; }
.article__content ol > li::before {
  content: counter(sw-li) ".";
  position: absolute;
  left: 0;
  top: 0;
  color: var(--sw-ac);
  font-variant-numeric: tabular-nums;
  font-size: 0.9em;
  line-height: 1.75;
}

/* ---------- Tabele de comparație ---------- */

.article__content table {
  width: 100%;
  border-collapse: collapse;
  margin: 1.75rem 0;
  font-size: 0.94rem;
  display: block;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.article__content th {
  text-align: left;
  font-weight: 600;
  font-size: 0.78rem;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  color: var(--sw-soft);
  padding: 0.65rem 0.85rem;
  border-bottom: 1.5px solid var(--sw-ink);
  white-space: nowrap;
}

.article__content td {
  padding: 0.75rem 0.85rem;
  border-bottom: 1px solid var(--sw-rule);
  vertical-align: top;
}

.article__content td:first-child { font-weight: 600; }

/* ---------- Produsele recomandate în text ---------- */

.article__content figure {
  margin: 2rem 0;
  padding: 1.1rem;
  background: var(--sw-paper);
  border: 1px solid var(--sw-rule);
  border-radius: 10px;
}

.article__content figure img {
  width: 100%;
  height: auto;
  border-radius: 6px;
  display: block;
}

.article__content figcaption {
  font-size: 0.88rem;
  color: var(--sw-soft);
  line-height: 1.5;
  margin-top: 0.75rem;
}

.article__content figcaption a { font-weight: 600; }

/* ---------- Citat ---------- */

.article__content blockquote {
  margin: 1.75rem 0;
  padding: 0.25rem 0 0.25rem 1.15rem;
  border-left: 2px solid var(--sw-ac);
  color: var(--sw-soft);
  font-style: italic;
}

/* ---------- Întrebări frecvente (h3.intrebare) ---------- */

.article__content h3.intrebare {
  position: relative;
  padding-left: 1.6rem;
  font-size: 1.08rem;
}
.article__content h3.intrebare::before {
  content: "?";
  position: absolute;
  left: 0;
  top: 0;
  color: var(--sw-ac);
  font-weight: 700;
}

/* ---------- Articole similare ---------- */

.page__content > .similar-articles .similar-articles__heading {
  font-size: 0.78rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--sw-soft);
  padding-top: 1.25rem;
  border-top: 1px solid var(--sw-rule);
  margin-bottom: 1.25rem;
}

/* ---------- Telefon ---------- */

@media (max-width: 48em) {
  .article__content { font-size: 1.02rem; line-height: 1.68; }
  .article__content > p:first-of-type { font-size: 1.08rem; }
  .article__content h2 { font-size: 1.35rem; margin-top: 2.25rem; }
  .article__content h3 { font-size: 1.1rem; }
  .article__content table { font-size: 0.88rem; }
}
După cei trei pași

Ce se întâmplă mai departe

Se citește catalogul și blogul existent, ca să nu se scrie ce ai deja. Se face primul plan de subiecte, fiecare cu motivul pentru care a fost ales. Primul articol e scris, verificat și — dacă nu are semnale și ai lăsat publicarea automată pornită — publicat.

Din panou vezi tot: ce s-a publicat, ce așteaptă, ce urmează. Intervii doar când vrei.

Ce nu facem

Limitele, scrise

  • Nu atingem comenzile, clienții sau datele lor.
  • Nu modificăm produse, prețuri sau stocuri.
  • Nu schimbăm tema magazinului — doar blocul de CSS pe care îl pui tu.
  • Nu ștergem și nu rescriem articolele tale existente.
  • Nu trimitem emailuri în numele magazinului.

Pașii îi ai în panou, cu bifă la fiecare.

Fă-ți cont