Centrare un'immagine, una CTA (legacy) o un logo in un'e-mail o in una pagina

Se si utilizzano modelli di layout creati nello strumento Design Manager, è possibile centrare un'immagine, una CTA (legacy) o un modulo logo sulla pagina, sul blog o sull'e-mail, aggiungendo uno stile inline al modello.

Se si utilizza un modello che include un'area drag-and-drop, è possibile centrare l'allineamento dei moduli nell'editor dei contenuti. È anche possibile centrare i moduli nell'editor di pagina utilizzando i distanziatori orizzontali.

Nota bene: gli account creati dopo il 17 marzo 2025 non hanno accesso allo strumento CTA (legacy).

Centrare un'immagine, una CTA (legacy) o un logo con stile inline

La centratura di un'immagine con lo stile inline richiede una conoscenza di base del linguaggio HTML. Se la pagina o il modello hanno un foglio di stile allegato o uno stile aggiuntivo, è possibile che il CSS esistente influenzi l'immagine, la CTA (legacy) o il logo. HubSpot consiglia di collaborare con un designer per identificare l'origine dello stile e apportare le modifiche necessarie per centrare le risorse.

Per centrare un'immagine, una CTA (legacy) o un logo in un modello di e-mail o di pagina:

• Navigare verso il proprio contenuto:

  • Pagine del sito web: Nel tuo account HubSpot, passa a Contenuti > Pagine del sito web.
  • Landing Page: Nel tuo account HubSpot, passa a Contenuti > Landing Page.
  • Blog: Nel tuo account HubSpot, passa a Contenuti > Blog.
  • Email: Nel tuo account HubSpot, vai a Marketing > E-mail.

• Passare il mouse sul contenuto, quindi fare clic su Modifica.
• Nell'editor, accedere alle impostazioni del contenuto:
  • Per i post e le pagine, fare clic sul menu Impostazioni e selezionare Avanzate.
  • Per le e-mail, fare clic sulla scheda Impostazioni , quindi fare clic per espandere la sezione Opzioni avanzate .

• Nella sezione Modello , fare clic su Modifica questo modello per aprire il modello nel design manager.

• Nel design manager, fare clic sul modulo logo, call-to-action o immagine.
• Nella colonna di destra, inserire text-align: center; nel campo Stile inline .

 

• In alto a destra, fare clic su Pubblica modifiche per applicare le modifiche a questo modello.

Centrare un'immagine, una CTA (legacy) o un logo dalle opzioni di stile del modulo

Se si utilizza un modello con un'area di trascinamento, in alcuni moduli o sezioni è possibile scegliere di impostare direttamente l'allineamento. Si noti tuttavia che questa opzione di stile potrebbe non essere disponibile in tutti i modelli o moduli.

• Per centrare i moduli della pagina o del post:

  • Navigare verso il contenuto:

    • Pagine del sito web: Nel tuo account HubSpot, passa a Contenuti > Pagine del sito web.
    • Landing Page: Nel tuo account HubSpot, passa a Contenuti > Landing Page.
    • Blog: Nel tuo account HubSpot, passa a Contenuti > Blog.
    Passare il mouse sulla pagina o sul post del blog, quindi fare clic su Modifica.
  • Nell'editor di pagina, fare clic sul modulo che si desidera centrare.
  • Nel pannello di sinistra, fare clic sulla scheda Stili , quindi fare clic per espandere la sezione Allineamento e spaziatura .
  • In Allineamento, selezionare l'allineamento Centro .
    
    

• Per centrare i moduli e-mail:
  • Nel vostro account HubSpot, andate su Marketing+ > Email.
  • Passate il mouse sulla vostra e-mail e fate clic su Modifica.
  • Fate clic sul modulo che desiderate centrare.
  • Nel pannello di sinistra, fate clic sul menu a discesa Allineamento e selezionate Centra.
    
    

Centrare un'immagine, una CTA (legacy) o un logo utilizzando i distanziatori orizzontali

Se il modulo che si sta utilizzando non ha opzioni di allineamento, dall'editor dei contenuti è possibile aggiungere distanziatori orizzontali alla pagina per centrare i moduli.

Per centrare il modulo utilizzando un distanziatore orizzontale:

• Navigare verso il proprio contenuto:

  • Pagine del sito web: Nel tuo account HubSpot, passa a Contenuti > Pagine del sito web.
  • Landing Page: Nel tuo account HubSpot, passa a Contenuti > Landing Page.
  • Blog: Nel tuo account HubSpot, passa a Contenuti > Blog.
• Nella colonna sinistra dell'editor di contenuti, fare clic su + Aggiungi.
• Nella barra di ricerca, cercate il distanziatore orizzontale.
• Fare clic e trascinare i distanziatori orizzontali su ciascun lato del modulo che si desidera centrare. Quindi, regolare la larghezza del distanziatore per centrare l'elemento.