CTA bloky pre BIZNISWEB

Vygenerujte si hotove HTML bloky, ktore vlozite do vasho BIZNISWEB webu. Kazdy blok obsahuje odkaz na prislusnu mikrosite s automatickym navratom navstevnika spat na povodnu stranku.

Nastavenie

Toto je URL stranky, na ktoru sa navstevnik vrati po kliknuti na"Spat na web". Pre kazde umiestnenie CTA na BIZNISWEB pouzite inu URL.

Ako to funguje

  1. 1. Vyberte mikrosite a zadajte navratovu URL
  2. 2. Vyberte variant CTA bloku nizsie
  3. 3. Kliknite "Kopirovat HTML" a vlozite do BIZNISWEB editora
  4. 4. Navstevnik klikne na tlacidlo, otovri sa mikrosite, a po navsteve sa vrati spat

Vyberte variant

Jednoduche tlacidlo

Male, cisty CTA button. Idealne do textu, sidebaru alebo menu.

Nahlad

HTML kod

<!-- MOSTPOOLS CTA: Mikrosite Katalogy -->
<div style="text-align:center;padding:20px 0;">
  <a href="https://mostpools-portal.vercel.app/?spat=https%3A%2F%2Fwww.mostpools.sk"
     target="_blank"
     rel="noopener noreferrer"
     style="display:inline-block;padding:14px 36px;background-color:#339999;color:#ffffff;font-family:'Montserrat',Arial,sans-serif;font-size:16px;font-weight:700;text-decoration:none;border-radius:10px;letter-spacing:0.5px;transition:background-color 0.2s;">
    Prezriet nase katalogy
  </a>
</div>
<!-- /MOSTPOOLS CTA -->

Banner s popisom

Sirs blok s nadpisom, popisom a tlacidlom. Vhodny na vyrazne miesto.

Nahlad

HTML kod

<!-- MOSTPOOLS CTA Banner: Mikrosite Katalogy -->
<div style="max-width:680px;margin:24px auto;font-family:'Montserrat',Arial,sans-serif;">
  <a href="https://mostpools-portal.vercel.app/?spat=https%3A%2F%2Fwww.mostpools.sk"
     target="_blank"
     rel="noopener noreferrer"
     style="display:block;text-decoration:none;border-radius:12px;overflow:hidden;background:linear-gradient(135deg,#e8f4f4 0%,#d4eeee 100%);border:1px solid #c5e3e3;">
    <div style="padding:32px 28px;text-align:center;">
      <div style="display:inline-block;width:48px;height:48px;background-color:#339999;border-radius:10px;line-height:48px;text-align:center;margin-bottom:16px;">
        <span style="color:#ffffff;font-size:20px;font-weight:800;">M</span>
      </div>
      <h3 style="margin:0 0 8px 0;font-size:20px;font-weight:700;color:#1a3a3a;">
        Prezriet nase katalogy
      </h3>
      <p style="margin:0 0 20px 0;font-size:14px;color:#5a7a7a;line-height:1.5;">
        Kliknite pre otvorenie interaktivneho prehladu na MOSTPOOLS Portal
      </p>
      <span style="display:inline-block;padding:12px 32px;background-color:#339999;color:#ffffff;font-size:14px;font-weight:600;border-radius:8px;">
        Otvorit katalogy &rarr;
      </span>
    </div>
  </a>
</div>
<!-- /MOSTPOOLS CTA Banner -->

Karta s hlavickou

Vizitka s brandingom MOSTPOOLS. Skvele pre sidebar alebo footer.

Nahlad

M

MOSTPOOLS PORTAL

Prezriet nase katalogy

Prehliadajte, listujte online alebo stiahnite si PDF

Otvorit →

HTML kod

<!-- MOSTPOOLS CTA Card: Mikrosite Katalogy -->
<div style="max-width:400px;margin:24px auto;font-family:'Montserrat',Arial,sans-serif;">
  <div style="background:#ffffff;border-radius:14px;border:1px solid #dde9e9;overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,0.06);">
    <div style="background:linear-gradient(135deg,#339999 0%,#2a8080 100%);padding:28px 24px;text-align:center;">
      <div style="display:inline-block;width:40px;height:40px;background:rgba(255,255,255,0.2);border-radius:8px;line-height:40px;margin-bottom:12px;">
        <span style="color:#ffffff;font-size:18px;font-weight:800;">M</span>
      </div>
      <h3 style="margin:0;font-size:18px;font-weight:700;color:#ffffff;">
        MOSTPOOLS PORTAL
      </h3>
    </div>
    <div style="padding:24px;text-align:center;">
      <h4 style="margin:0 0 8px 0;font-size:17px;font-weight:600;color:#1a3a3a;">
        Prezriet nase katalogy
      </h4>
      <p style="margin:0 0 20px 0;font-size:13px;color:#6a8a8a;line-height:1.5;">
        Prehliadajte, listujte online alebo stiahnite si PDF
      </p>
      <a href="https://mostpools-portal.vercel.app/?spat=https%3A%2F%2Fwww.mostpools.sk"
         target="_blank"
         rel="noopener noreferrer"
         style="display:block;padding:13px 24px;background-color:#339999;color:#ffffff;font-size:15px;font-weight:600;text-decoration:none;border-radius:10px;text-align:center;">
        Otvorit &rarr;
      </a>
    </div>
  </div>
</div>
<!-- /MOSTPOOLS CTA Card -->

Tip: Viacero umiestneni na roznych strankach

Ak chcete rovnaky CTA blok na viacerych strankach BIZNISWEB (napr. na strane Bazeny aj na strane Wellness), staci zmenit "Navratovu URL" v nastaveni vyssie a vygenerovat novy blok pre kazdu stranku. Navstevnik sa vzdy vrati presne tam, odkial prisiel.