By the end of this tutorial, you will have completed the creation and publication of a branded, mobile-optimized landing page using the Mydrop Link-in-bio page builder. This specific feature enables you to consolidate your professional links, social buttons, and contact information onto a single, shareable URL. You will configure the visual theme, organize content blocks, and verify essential metadata to ensure a professional presentation for your audience. This setup keeps all your brand destinations in one place within your workspace, allowing you to manage your public profile without the need for external website hosting or separate design software. By following these instructions, you will ensure that your followers have a clear and consistent way to navigate your various digital offerings.
Before you start
Before you enter the Link-in-bio builder within the Mydrop interface, it is necessary to gather specific brand assets and information. Having these materials ready before you begin the technical configuration will ensure an efficient workflow and prevent interruptions during the design process.
High-Resolution Profile Image: Select a high-quality logo or a professional headshot to serve as the visual centerpiece of your landing page. The Mydrop builder typically places this image inside a circular or rounded frame at the top of the layout. To ensure the image is not distorted or awkwardly cropped, use a square aspect ratio (1:1) with a minimum resolution of 400x400 pixels.
Brand Color Palette: Identify the primary and secondary hex codes used in your branding. You will use these codes to customize the background colors, button styles, and text highlights. Consistent use of your brand colors ensures that the link-in-bio page feels like an extension of your other social profiles and websites.
Verified Destination URLs: Create a definitive list of the external links you want to feature. These commonly include your main business website, recent blog posts, newsletter subscription forms, product pages, or portfolio galleries. Before inputting them into the builder, open each link in a browser to confirm they are active. Ensure you have the full URL available, starting with the "https://" prefix, as the Mydrop validator requires this format to prevent "invalid" status indicators.
Social Media Handles: List the direct links to your profiles on platforms such as Instagram, LinkedIn, X, and YouTube. These will be used to populate the social button section of your page.
Public Bio and Contact Details: Write a short, descriptive bio that summarizes your mission or current projects in two to three sentences. Additionally, prepare any contact information you want to be public. This includes a professional phone number or a physical business address, such as "123 Street, City." If you prefer not to list a physical location, you can leave these placeholders blank during the setup.
SEO Metadata: Draft a concise page title and a meta description. The title should clearly state your name or brand, while the description should summarize the content of the page in under 160 characters. This information is what users see when your link-in-bio URL appears in search engine results or when the link is shared as a preview in private messages and social posts.
Domain Selection Strategy: Decide which domain connected to your Mydrop workspace will host the landing page. You will need to choose from the "mydrop-link-domain-select-menu" during the setup. Consider whether you will use a Mydrop subdomain or a custom domain you have already configured in your workspace settings.
Content Organization Plan: Briefly consider the order in which you want your links to appear. Placing your most important or time-sensitive links at the top of the page increases their visibility to mobile users. You should also decide if you want to use foldable sections to group related links together, which helps keep the page layout clean and navigable.
update_topic(strategic_intent="Drafting the requested tutorial sections on building a branded link-in-bio page in Mydrop.", title="Drafting Mydrop Tutorial: Part 2")
Step 1: Open the feature
To begin creating your landing page, navigate to the Mydrop dashboard. Locate the main navigation menu, which is typically positioned on the left side of your screen. Click on "Profiles" to expand the sub-menu. From the available options, select "Link in bio." This action opens the primary builder interface where you can manage your public landing page.
When the page loads, you will see a workspace dedicated to page customization. On the left side, the editor contains fields for your profile details, link management, and appearance settings. On the right side, a live preview pane displays how your changes will look to your followers. If this is your first time using this feature, the preview will show a default layout. You can begin editing immediately by interacting with the fields in the left-hand panel.
Ensure you have your branding materials ready before making changes. This includes:
- A high-resolution profile image file.
- Specific brand hex color codes.
- A finalized list of external URLs you want to include.
- A short, professional biography text.
If you have previously created a page, selecting "Link in bio" will load your existing configuration. If you intend to start a new page, verify that your active workspace is selected in the global navigation bar before proceeding, as page content is specific to the selected workspace.
Step 2: Set up the basics
Establishing your profile identity and public web address is the first phase of the builder process. Start by filling out the basic profile fields in the builder's main settings area. Enter your display name and a brief biography that accurately reflects your brand or professional identity.
Next, add your contact information. You will find dedicated fields for these details. When entering location or physical contact info, use the provided fields. For instance, enter your business address in the format of "123 Street, City" to ensure it displays correctly on your public page. Avoid leaving placeholder text in these fields, as they will be visible to all visitors.
After entering your core details, set your page URL. Use the domain select menu to choose the public address for your link-in-bio page. Mydrop provides options for standard domains; click the menu to see the available choices. Selecting a clear, recognizable domain helps followers trust the link when they encounter it in your social media profiles.
Once you have entered this information, watch the live preview pane on the right. You should see your name, biography, and location appear in the mock-up. If the information does not appear, check that you have clicked "Save" or "Apply" if prompted by the interface after data entry.
Take a moment to verify your contact information for accuracy. Typos in your contact details or address can prevent followers from reaching you. Once your name, bio, and domain are set, you have established the foundation for your page. The next steps will focus on adding specific content links and applying your unique brand style to these basic elements. If at any point you see an indicator suggesting the information is incomplete, ensure all required fields are filled out before attempting to publish.
Step 3: Add the content or settings
With your profile basics saved, you can now construct the body of your landing page by adding link blocks, social buttons, and visual styling. This content serves as the primary navigation for your social media followers.
To add individual destinations, click the button to create a new link block. Enter the URL for the external site in the provided text field. If the system marks the entry as invalid, check that the address includes the complete protocol, such as https://. Ensure each link has a descriptive label to help users understand where they are clicking.
To include social media accounts, select the social button option. These blocks are optimized for standard profile platforms. Enter your username or the direct link to your profile for each service.
You can manage the visual appearance of your page using the theme presets. Open the style menu to browse color palettes and layout options. Use the font select menu to choose a typeface that matches your brand guidelines. As you update these styles, the changes will be reflected in the central editor window.
To organize information without cluttering the page, use the foldable section tool. This allows you to group related links, such as recent campaigns or specific product categories, under a single heading. You can toggle these sections as collapsed or expanded during the build process to control how they appear to visitors by default.
As you add content, verify the following points to avoid common setup issues:
- Ensure all link labels are concise and accurately reflect the destination.
- Check that all contact fields, such as the placeholders for phone numbers or physical office locations like 123 Street, City, are updated with your current information.
- Confirm that your brand hex codes are applied consistently across all buttons and headers.
Step 4: Review the workflow
Once your content and styles are set, you must review the layout and configuration to ensure the page renders correctly across different devices. Mydrop provides a built-in preview mode that allows you to toggle between mobile and desktop views.
Start by entering the preview mode. Inspect the mobile view to ensure that link blocks are easy to tap and that foldable sections behave as expected. Verify that your profile image is clear and not obstructed by other layout elements. If you notice any overlapping text or misaligned buttons, adjust the container settings in the editor.
Next, populate the SEO fields. These settings determine how your link appears when shared on social media platforms. Enter a clear page title and a brief description. Filling these fields correctly prevents broken or empty previews when your link-in-bio URL is posted to other networks.
Before publishing, perform a final status check:
- Verify that all external links are active by clicking them within the preview mode.
- Check for any invalid status indicators on your links, which suggest a formatting error or an unreachable destination.
- Confirm that all required SEO metadata is saved.
- If you have elected to use a custom domain, ensure the domain select menu displays your intended public URL.
After verifying the layout and SEO settings, save your configuration. Your page is now ready to be linked in your social media profiles. You can return to the Link in bio section at any time to update your links or modify your visual style as your campaign needs change. Monitor the integrated analytics section to see which links receive the most traffic from your visitors. If you notice specific links are not being clicked, consider reordering them or updating their labels to better capture visitor interest. Consistent review of these metrics helps you maintain a high-performing landing page.
Troubleshooting and next steps
If you encounter issues while setting up or publishing your landing page, check the following common areas to ensure your page remains functional and professional.
If you see an "invalid" status indicator next to a link, it typically means the provided URL is malformed or inaccessible. Double-check that the web address begins with a correct protocol prefix, such as https://. If you are linking to internal Mydrop pages or specific social profiles, ensure the entire path is included and that there are no extra spaces at the beginning or end of the text field.
If your page appears inconsistent across devices, navigate back to the preview mode. Verify that your content is organized clearly within the collapsible sections. If a section appears expanded when you want it closed, manually adjust the state within the builder.
For users configuring a custom domain, ensure your domain settings are propagated correctly. If your domain is not appearing as expected in the URL selection menu, wait a few minutes and refresh your browser. Verify that your DNS settings are correctly pointed to the Mydrop server as outlined in your provider's dashboard.
If your link preview appears incorrectly when shared on social media, return to the SEO section of the builder. Ensure you have provided a clear title and a descriptive summary. Uploading a specific social share image can also improve how your page appears to your followers when they click your link. If you see placeholders such as phone numbers or physical addresses, ensure these fields are either filled with your current information or left completely blank to avoid displaying default text to your public visitors.
Once your landing page is published, monitor its performance to refine your content. Navigate to the analytics section in your Mydrop dashboard to view visitor traffic patterns. Look for the most frequently clicked links to determine what content your followers find most valuable. You can return to the Link in bio builder at any time to add new links, change your theme presets, or update your profile bio as your brand evolves. Keeping your landing page current ensures that your followers always have access to your most recent projects and social updates.
Conclusion
Building a branded Link in bio page in Mydrop provides a centralized hub for your social media audience. By following these steps, you have created a custom landing page that reflects your brand identity while keeping all your important links in one location. You can now direct your social media followers to a mobile-optimized experience that you control entirely within the Mydrop platform. Regular updates to your links and content will help maintain engagement and provide your followers with a clear path to your digital presence. Your page is now ready to support your ongoing social media campaigns and professional outreach.
