---
title: "Creați designul unui pop-up și al teaserului său"
description: "Alegeți tipul de pop-up, stilizați pop-up-ul și butonul de închidere și adăugați un teaser care îi invită pe vizitatori să îl deschidă."
url: https://scratcher.io/ro/help/sharing/popup-design-and-teaser
language: ro
---

1. [Centru de ajutor](https://scratcher.io/ro/help)
2. [Publicare și distribuire](https://scratcher.io/ro/help/sharing)
3. Creați designul unui pop-up și al teaserului său

# Creați designul unui pop-up și al teaserului său

Alegeți tipul de pop-up, stilizați pop-up-ul și butonul de închidere și adăugați un teaser care îi invită pe vizitatori să îl deschidă.

O campanie pop-up are două părți: pop-up-ul propriu-zis și un teaser opțional. Teaserul este un mic banner pe site, de exemplu „Învârte și câștigă 🎁”, care deschide pop-up-ul când se face clic pe el.

## Tipul și poziția pop-up-ului

Deschideți **Plasare** sub **Aspect** în editor:

- **Tip**: un pop-up standard, o bară în partea de sus sau de jos a ecranului, un slider în colț sau o pagină întreagă. Bara, sliderul și pagina întreagă fac parte din planurile superioare.
- **Aliniere**: unde stă pop-up-ul. Barele pot fi sus sau jos, sliderele în stânga sau în dreapta, iar pop-up-urile standard oriunde pe o grilă de 3 × 3.

Prima dată când deschideți un pop-up nou, Scratcher vă întreabă domeniul pe care va fi afișat. Îl puteți schimba mai târziu sub **Domeniu**.

## Stilizați pop-up-ul

Faceți clic pe **Setări pop-up** deasupra paginii sau pe marginea pop-up-ului. În fila **Stiluri**:

- **Pop-up**: **Fundal**, **Fundal suprapus** (stratul estompat din spatele pop-up-ului), **Bordură**, **Dimensiune**, **Formă**, **Alinierea conținutului** și **Margine exterioară**.
- **Buton de închidere**: **Fundal**, culoarea **Pictogramă**, **Dimensiune**, colțul (**Aliniere**) și **Margine exterioară**.

În fila **Efecte**, alegeți cum se deschide și se închide pop-up-ul, de exemplu **Estompare** sau **Glisare**.

Add-on-uri pentru pop-up:

- **Ascundeți teaserul la închidere**: ascunde și teaserul când cineva închide pop-up-ul.
- **Ascundeți după trimiterea formularului**: nu mai afișează pop-up-ul vizitatorilor care s-au înscris deja prin el.

## Teaserul

Sub **Flux**, rândul **Teaser** vă permite să activați și să dezactivați teaserul. Faceți clic pe **Setări** în meniul acestuia pentru a-l configura:

- **Acțiune**: **Afișați pop-upul**, **Link** sau **Niciunul**.
- **Ascundeți pe desktop**, **Ascundeți pe tabletă**, **Ascundeți pe mobil**.
- **Stiluri**: **Fundal**, **Bordură**, **Dimensiune**, **Formă**, colțul (**Aliniere**) și **Margine exterioară** ale teaserului, plus propriul buton de închidere.

Teaserul apare imediat ce se încarcă pagina; declanșatorii din **Afișare** se aplică doar pop-up-ului. Creați designul teaserului ca pe o pagină și salvați-l cu **Salvați teaserul ca șablon** pentru a-l refolosi.

## Imagine de fundal în pop-up-uri

Pop-up-urile au un element **Fundal imagine** care umple o parte a pop-up-ului cu o imagine. Setați **Înălțime pe mobil** pentru a controla cât din ecran ocupă pe telefoane.

## Deschideți un pop-up de la propriul buton

Cu add-on-ul de declanșare **Declanșator la clic**, pop-up-ul se deschide când cineva face clic pe un element de pe site-ul dumneavoastră. Introduceți selectorul CSS al elementului, de exemplu `.open-competition`. Întrebați dezvoltatorul web dacă nu sunteți sigur.

Publicare și distribuire

- [Distribuiți linkul și codul QR al campaniei](https://scratcher.io/ro/help/sharing/share-your-campaign-link)
- [Încorporați o campanie pe site](https://scratcher.io/ro/help/sharing/embed-on-your-website)
- [Afișați o campanie ca pop-up](https://scratcher.io/ro/help/sharing/show-a-campaign-as-a-popup)
- [Creați designul unui pop-up și al teaserului său](https://scratcher.io/ro/help/sharing/popup-design-and-teaser)
- [Alegeți adresa web a campaniei](https://scratcher.io/ro/help/sharing/campaign-url-and-own-domain)
- [Trimiteți e-mailuri de pe propriul domeniu](https://scratcher.io/ro/help/sharing/email-sending-domain)
- [Rotiți campaniile cu programe de campanii](https://scratcher.io/ro/help/sharing/campaign-schedules)

## Articole similare

- [Cum funcționează setările elementelor](https://scratcher.io/ro/help/elements/element-settings-basics): Filele Conținut, Stiluri, Setări și Efecte, dimensiuni, forme, borduri, culori și fundaluri, modificări pentru mobil și add-on-uri.
- [Încorporați o campanie pe site](https://scratcher.io/ro/help/sharing/embed-on-your-website): Puneți o campanie într-o pagină de pe site cu scriptul de încorporare, verificați că funcționează și remediați problemele frecvente.
- [Afișați o campanie ca pop-up](https://scratcher.io/ro/help/sharing/show-a-campaign-as-a-popup): Instalați scriptul o singură dată, alegeți tipul de pop-up și decideți pe ce pagini, când și cât de des apare.

## Mai aveți nevoie de ajutor?

Oameni reali sunt aici să vă ajute. Dacă folosiți deja Scratcher, cea mai rapidă cale este chatul din platformă.

- **[Scrieți-ne pe chat](https://platform.scratcher.io/login)**

    Autentificați-vă și faceți clic pe butonul de chat din colțul din dreapta jos. Rex răspunde imediat, iar echipa noastră este la un clic distanță.
- **[Programați o întâlnire](https://scratcher.io/ro/book-a-meeting)**

    Un apel video gratuit de 30 de minute cu echipa noastră: o prezentare, idei de campanii sau ajutor cu configurarea.
- **[Trimiteți-ne un e-mail](mailto:contact@scratcher.io)**

    Scrieți-ne la contact@scratcher.io și vă vom răspunde.