The X (Twitter) Follow Button block allows you to add a native X (Twitter) Follow button to any SeedProd page. Visitors can follow a specific X (Twitter) account with a single click — without leaving your site — making it an easy way to grow your social following directly from your landing pages.
You can choose to display the button in small or large size, show or hide the account screen name and follower count, set the alignment, and select the display language to match your audience.
Adding the X (Twitter) Follow Button Block to Your Pages
Follow these steps to add an X (Twitter) Follow Button block to your SeedProd page:
Step 1: Add the Block
Under Design > Blocks, drag and drop the X (Twitter) Follow Button block into the desired section of your page.
Step 2: Configure Content Settings
Once added, click on the X (Twitter) Follow Button block to open its settings. In the Content tab, you’ll find the following options under the X (Twitter) Setting section:
- X (Twitter) Screen Name: Enter the X (Twitter) username of the account you want visitors to follow (e.g.,
seedprod). Do not include the @ symbol. - Size: Choose between Small and Large button sizes.
- Show Screen Name: Toggle whether the account’s username is displayed inside the button (Yes/No).
- Show Count: Toggle whether the current follower count is displayed next to the button (Yes/No).
- Alignment: Set the horizontal alignment of the button on the page — Left, Center, or Right — with per-device controls for desktop, tablet, and mobile.
- Language: Choose the display language for the button 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) Follow Button 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) Follow Button block and customizing its appearance, make sure to save your work.
You’ve successfully added an X (Twitter) Follow Button block to your page! Placing a follow button directly on your landing pages is a low-friction way to convert visitors into followers. Experiment with size, alignment, and follower count display to find the combination that works best for your audience.