The X (Twitter) Embed Tweet block allows you to embed a specific tweet directly onto any SeedProd page. It’s a convenient way to highlight an individual post — such as a customer testimonial, a product announcement, or a notable mention — and share it with your visitors without requiring them to visit X (Twitter).
All you need is the Tweet ID, which you can find in the tweet’s URL. Once added, you can choose a light or dark color scheme, control whether the conversation thread and media cards are shown, set the widget width, and select the display language to match your audience.
Adding the X (Twitter) Embed Tweet Block to Your Pages
Follow these steps to add an X (Twitter) Embed Tweet block to your SeedProd page:
Etapa 1: Adicionar o Bloco
Under Design > Blocks, drag and drop the X (Twitter) Embed Tweet block into the desired section of your page.
Etapa 2: Configurar as Definições de Conteúdo
Once added, click on the X (Twitter) Embed Tweet block to open its settings. In the Content tab, you’ll find the following options under the X (Twitter) Setting section:
- Tweet ID: Enter the numeric ID of the tweet you want to embed. You can find the Tweet ID in the tweet’s URL — it is the long number at the end, after
/status/. For example, inhttps://twitter.com/seedprod/status/1385250840898850816, the Tweet ID is1385250840898850816. - Color Scheme: Choose between Light and Dark to match the embedded tweet widget to your page design.
- Hide Conversation: Toggle to hide the conversation thread that appears below the tweet (Yes/No).
- Hide Photos/Videos/Cards: Toggle to hide any media cards, photos, or videos attached to the tweet (Yes/No).
- Width: Set the width of the embedded tweet widget in pixels using a slider.
- Alinhamento: Defina o alinhamento horizontal do widget na página — Esquerda, Centro ou Direita — com controles por dispositivo para desktop, tablet e celular.
- Idioma: Escolha o idioma de exibição para a interface do widget. As opções incluem Automático, Inglês, Árabe, Bengali, Tcheco, Dinamarquês, Alemão, Grego, Espanhol, Persa, Finlandês, Filipino, Francês, Hebraico, Hindi, Húngaro, Indonésio, Italiano, Japonês, Coreano, Malaio, Holandês, Norueguês, Polonês, Português, Romeno e mais.
Etapa 3: Personalizar o Design
In the Advanced tab, you can further control the layout and behavior of your X (Twitter) Embed Tweet block.
Espaçamento:
- Margem: Defina o espaçamento externo ao redor do bloco em todos os quatro lados, com controles independentes para desktop, tablet e celular.
- Preenchimento: Defina o espaçamento interno dentro do wrapper do bloco em todos os quatro lados, com controles por dispositivo.
Atributos:
- Classe Personalizada: Adicione uma ou mais classes CSS personalizadas ao wrapper do bloco para estilização direcionada.
- ID CSS: O SeedProd gera automaticamente um ID CSS exclusivo para este bloco. Você pode usá-lo para referenciar o bloco em CSS ou JavaScript personalizado.
- Atributos Personalizados: Adicione atributos HTML personalizados ao elemento wrapper do bloco. Insira cada atributo em uma nova linha usando o formato chave|valor.
Visibilidade do Dispositivo:
- Ocultar no Desktop: Ative para ocultar o bloco quando visualizado em telas de desktop.
- Ocultar no Tablet: Ative para ocultar o bloco quando visualizado em telas de tablet.
- Ocultar no Celular: Ative para ocultar o bloco ao ser visualizado em telas de celular.
Efeitos de Animação:
- Efeito de Rolagem: Aplique uma animação acionada por rolagem ao bloco, incluindo opções de Rolagem Vertical e Rolagem Horizontal com controles de direção, velocidade e deslocamento de visualização.
- Efeito do Mouse: Aplique um efeito de paralaxe ao bloco, acionado pelo movimento do mouse.
Etapa 4: Salve Suas Alterações
Once you have finished configuring the X (Twitter) Embed Tweet block and customizing its appearance, make sure to save your work.
You’ve successfully added an X (Twitter) Embed Tweet block to your page! Embedding individual tweets is a great way to highlight social proof, feature notable mentions, or share announcements in context. Use the color scheme and visibility options to ensure the widget integrates seamlessly with your page design.