SeedProd
SeedProd

Documentação do SeedProd

Documentação, Materiais de Referência e Tutoriais para SeedProd

Bloco de Título

The Headline block allows you to add styled headings to any SeedProd page. Whether you need a bold H1 for your hero section or a smaller H4 to introduce a content section, the Headline block gives you full control over the text, HTML level, link, and typography settings.

Unlike plain text, headlines created with this block support rich text formatting, optional links, dynamic text variables, and per-device font size and alignment controls — making it one of the most versatile blocks for building well-structured, SEO-friendly pages.

Headline Block example

Requirements: The Headline block is available in all our license plans.

Adding the Headline Block to Your Pages

Follow these steps to add a Headline block to your SeedProd page:

Etapa 1: Adicionar o Bloco

Under Design > Blocks, drag and drop the Headline block into the desired section of your page.

Dragging the Headline block onto a SeedProd page

Etapa 2: Configurar as Definições de Conteúdo

Once added, click on the Headline block to open its settings. In the Content tab, configure the headline text, link, and layout.

Headline:

  • Text: Enter your headline text using the rich text editor. Supports bold, italic, underline, strikethrough, and inline color formatting. You can also insert Dynamic Text variables or use the AI text generation tool to generate and refine your headline copy.
  • Link: Optionally add a URL to make the headline a clickable link. Click the settings icon next to the link field to reveal additional link options.
  • Abrir em Nova Janela: Marque esta opção para abrir o URL vinculado em uma nova aba do navegador.
  • No Follow: Marque esta opção para adicionar um atributo rel="nofollow" ao link, informando aos mecanismos de busca para não repassar a autoridade do link para o destino.
  • Alignment: Set the text alignment — Left, Center, or Right. Supports per-device values for desktop, tablet, and mobile.
  • Font Size: Set the font size of the headline text. Supports per-device values for desktop, tablet, and mobile.
  • Level: Choose the HTML heading tag for your headline — H1, H2, H3, H4, H5, or H6. Use H1 for your main page title, and lower levels for subheadings to maintain proper document structure.
Headline Block Content Settings

Etapa 3: Personalizar o Design

In the Advanced tab, you can customize the typography, color, and spacing of your Headline block.

Estilos:

  • Typography: Fine-tune the headline’s font family, font weight, line height, letter spacing, and text transform. Supports per-device values for desktop, tablet, and mobile.
  • Color: Set the text color for the headline using the color picker.
  • Text Shadow: Add a shadow effect to the headline text. Choose from None, Hairline, Small, Medium, Large, X Large, or 2X Large to add depth and emphasis to your heading.

Espaçamento:

  • Margin: Control the outer spacing around your Headline block (Top, Right, Bottom, Left). Supports per-device values for desktop, tablet, and mobile.
  • Padding: Adjust the inner spacing within your Headline block (Top, Right, Bottom, Left). Supports per-device values for desktop, tablet, and mobile.

Atributos:

  • CSS ID: Displays the auto-generated unique identifier for your Headline block, created automatically by SeedProd for custom styling or JavaScript targeting.
  • Classe Personalizada: Adicione classes CSS personalizadas para aplicar estilos específicos do seu tema ou CSS personalizado.
  • Atributos Personalizados: Adicione quaisquer atributos HTML ao elemento wrapper do bloco. Insira cada atributo em uma nova linha usando o formato: nome-do-atributo|valor.

Visibilidade do Dispositivo:

  • Hide on Desktop: Hide the Headline block on desktop screens.
  • Hide on Tablet: Hide the Headline block on tablet devices.
  • Hide on Mobile: Hide the Headline block on mobile devices.

Efeitos de Animação:

  • Entrance Animation: Choose an animation effect that plays when the Headline block scrolls into view, such as Bounce, Fade In, Zoom In, Rotate In, and many more.
Headline Block Advanced Settings

Etapa 4: Salve Suas Alterações

Once you have finished configuring the Headline block and customizing its appearance, make sure to save your work.

You’ve successfully added a Headline block to your page! Well-crafted headlines guide your visitors through your content, reinforce your message, and improve page structure for both readers and search engines. Experiment with heading levels, typography settings, and animations to create headlines that capture attention and match your brand style.

Artigos Relacionados

Documentação do SeedProd


  
Receba dicas e recursos gratuitos diretamente na sua caixa de entrada, junto com mais de 60.000 outros.

  

    

      

        

          
        

        

          
        

        

          
        

      

    

  

  

    Follow Us