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:
Step 1: Add the Block
Under Design > Blocks, drag and drop the X (Twitter) Embed Tweet block into the desired section of your page.
Step 2: Configure Content Settings
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.
- Alignment: Set the horizontal alignment of the widget on the page — Left, Center, or Right — with per-device controls for desktop, tablet, and mobile.
- Language: Choose the display language for the widget interface. Options include Automatic, English, Arabic, Bengali, Czech, Danish, German, Greek, Spanish, Persian, Finnish, Filipino, French, Hebrew, Hindi, Hungarian, Indonesian, Italian, Japanese, Korean, Malay, Dutch, Norwegian, Polish, Portuguese, Romanian, and more.
Step 3: Customize the Design
In the Advanced tab, you can further control the layout and behavior of your X (Twitter) Embed Tweet block.
Spacing:
- Margin: Set the outer spacing around the block on all four sides, with independent controls for desktop, tablet, and mobile.
- Padding: Set the inner spacing inside the block wrapper on all four sides, with per-device controls.
Attributes:
- Custom Class: Add one or more custom CSS classes to the block wrapper for targeted styling.
- CSS ID: SeedProd automatically generates a unique CSS ID for this block. You can use it to reference the block in custom CSS or JavaScript.
- Custom Attributes: Add custom HTML attributes to the block wrapper element. Enter each attribute on a new line using the key|value format.
Device Visibility:
- Hide on Desktop: Toggle to hide the block when viewed on desktop screens.
- Hide on Tablet: Toggle to hide the block when viewed on tablet screens.
- Hide on Mobile: Toggle to hide the block when viewed on mobile screens.
Animation Effects:
- Scrolling Effect: Apply a scroll-triggered animation to the block, including Vertical Scroll and Horizontal Scroll options with direction, speed, and viewport offset controls.
- Mouse Effect: Apply a mouse movement-driven parallax effect to the block.
Step 4: Save Your Changes
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.