Biolink Module Documentation

In summary, a biolink is a centralized landing page that allows content creators, influencers, and businesses to share multiple links and calls to action with their audience in an organized and visually appealing manner, overcoming the limitations of having only a single clickable link in social media bios.

A biolink serves as a central hub or landing page that allows creators to share multiple links, content pieces, or call-to-actions in a single, customizable location. It is commonly used in social media platforms like Instagram, where the bio section traditionally allows only one clickable link.

The primary purpose of a biolink is to provide a more organized and user-friendly way for creators to share various links with their audience, instead of being limited to a single link in their bio. By directing their followers to a biolink, creators can showcase multiple links, such as:

1. Links to their other social media profiles

2. Links to their website or blog

3. Links to specific content pieces (e.g., videos, podcasts, articles)

4. Links to products or services they offer

5. Links to subscription pages or newsletters

6. Call-to-action buttons for different purposes (e.g., booking appointments, making purchases)
   
   

These services typically offer customization options, analytics, and various features to enhance the user experience and engagement with the biolink.

Step 1:  Add Biolink

Step 2:  Update Biolink
2.1: Biolink Settings
    General View

1. Biolink Title: This field shows the title of your biolink page, which will be displayed at the top of the page.
   
   

2. Biolink URL: This field displays the unique URL of your biolink. You can copy this URL and share it with others.
   
   

3. Add Block Button: This field You can add blocks after clicking on this button.
   
   

4. Setting Tabs: You find Background, Verified Badge, Branding, Protection, Seo, and Advanced Tabs under the settings.

2.1.1 : Background

1. Background Color: Choose a background color for your biolink page. You can either select from a predefined color palette or enter a custom hex color code.
   
   

2. Font Family: Select the font family you want to use for the text on your biolink page.
   
   

3. Favicon: Upload your favorite favicon for your biolink page.
   
   

4. Font Color: Select the color for the text on your biolink page.
   
   

5. Block Styles: This section allows you to customize the block space and block hover animation on your biolink page.
   
   

2.1.2: Verified Badge

    You can show a verified badge on your biolink page.

2.1.3 : Branding

    You can use branding for any other page or site

2.1.4 : Protection

    You can make your weblink password-protected, and you can also add a sensitive warning

2.1.5 : SEO

    You can add the page title, meta keywords, and meta description in the SEO settings tab.

2.1.6 : Advanced

    You can add your own custom CSS and JS.

NOTE: It is mandatory to save settings to the database; otherwise, you can lose your updated data.

2.2: Biolink Blocks

The Blocks tab is where you can add, manage, and customize different types of content blocks for your biolink page. Here are the available block types and their respective settings:

2.2.1 : Link

You can add a link button to your biolink page and save it to update more details about your link.

Customize the links as per your preference.

2.2.2 : Heading

You can add headings to your biolink page and save it to update more details about your heading.

Update the heading color and text alignment as per your preferences.

2.2.3 : Paragraph

You can add text paragraphs to your biolink page and save it to update more details about your paragraph.

Update the paragraph text, text color, text alignment, background of the paragraph, border width, border color, border radius, border style, border shadow, and border shadow color.

2.2.4 : Avatar

You can add an avatar image to your biolink page and save it to update more details about your avatar.

You can customize an avatar image, URL, image alt, avatar size, and object fit by opening a new tab. Border width, border color, border radius, border style, border shadow, and border style.

2.2.5: Image

You can add an image to your biolink page and save it to update more details about your image.

Also, you can update the image URL, alt, and open a new tab. 

2.2.6: Socials

You can add your socials to your biolink page.

• Social Media Links: Add the URLs for your various social media profiles. The corresponding icons will be automatically generated and displayed in the block.
  
  

• Icon Size: Specify the size of the social media icons.
  
  

• Icon Color: Select the color for the social media icons.

2.2.7: Email Collector

You can take the email addresses of visitors, add them to your MailChimp audience list, and save them to update more details about the email collector.

• Form Settings: Add Email, Name Placeholder, Button Text, and Thank You Message, Thank You URL, Agreement Text, Agreement URL.
  
  

• Data Collection: Add a Mailchimp API key, a Mailchimp List ID (audience ID), and a Mailchimp Email. To learn how to generate a Mailchimp API key, please refer to our Mailchimp documentation.
  
  

• Customization Settings: Add Name, Text Color, Text Alignment, Background Color, and Animation.
  
  

• Border Settings: You can customize border width, border color, border radius, border style, and border shadow.

2.2.8: Phone Collector
     You can get phone numbers on your phone collector email address from visitors.

• Form Settings: Add Phone, Name Placeholder, Button Text, Thank You Message, Thank You URL, Agreement Text, and Agreement URL.
  
  

• Data Collection: Add your email ID where you want to get a phone number from visitors.
  
  

• Customization Settings: Add Name, Text Color, Text Alignment, Background Color, and Animation.
  
  

• Border Settings: You can customize border width, border color, border radius, border style, and border shadow.

2.2.9: Paypal
    The block that helps you get paid and earn money from visitors.


After saving the PayPal block, update other UI-related details.



2.2.10: Add a SoundCloud Song
    In this block, you can add a SoundCloud song URL.

2.2.11: Add a Spotify Media URL
    In this block, you can add a Spotify media URL to your biolink page.

2.2.12:  Add a Youtube Media URL
    In this block, you can add a YouTube media URL to your biolink page.

2.2.13: Add a Treads URL
    In this block, you can add a Threads URL to your biolink page.

2.2.14: Add a Toktok Video
    In this block, you can add a TikTok URL to your biolink page.



2.2.14: Add a Twitch Video
    In this block, you can add a Twitch URL to your biolink page.

Additionally, You can add multiple blocks of each type and rearrange their order by
dragging and dropping. Additionally, you have the option to edit or delete existing blocks.

Step 3: Biolink Actions

3.1: Update biolink status

3.2: View, Edit, and Delete Biolink

You can simply view your biolink by clicking on the biolink page or on view in the action menu.

You can edit biolink by clicking edit in the action menu.

You can delete a biolink by clicking delete in the action menu.

The specific analytics features and metrics available in this tab may vary depending on the implementation and the third-party analytics tools integrated with the biolink module.

However, it's important to note that the actual functionality and configuration options may differ in your specific Laravel implementation. Always refer to the official documentation provided by the biolink module or package you are using for the most accurate and up-to-date information.