Hopp by Wix: Adding a Search Box to Your Link in Bio Page

6 min read
Add a search box to your Link in Bio page to keep it compact and tidy. Instead of showing all of your links in one long list on the page, your audience can use a search box to find them.
You can include any links you want to appear in the search - products, events, videos, anything that has a URL. Then, assign a code (keyword) to each link to make it easy to find. 
A screenshot showing the search box with the code
In this article, learn more about: 

Customize how your search box appears on your Link in Bio page. Choose to add a heading above your search box like "What are you looking for?" to direct your audience to search for a code. You can also add your own placeholder text to appear on the search box, like "Enter a code here".
A screenshot showing an example Link in Bio with a search bar.

To customize your search box:

  1. Sign in to your Hopp account. 
  2. Click Link in Bio on the left. 
  3. Click Edit Page at the top right. 
  4. Click Search on the left. 
A screenshot showing the search bar settings.
  1. Choose the settings you wish to customize under Search Box:
    • Appearance: Select Visible or Hidden from the drop-down to show or hide your search box on your Link in Bio page. 
    • Heading: Enter a title above your search box to guide your audience to search for your links. Click the toggle to show or hide this heading. 
    • Custom Search Box Placeholder: Enter your own text to appear on the search bar, like "enter a code here". Click the toggle to show or hide this text.
  2. Click Publish at the top right to make your changes live.

Once you have set up your search box, you can add the links you want to come up. Search links can be any URL at all, that you would like your audience to view. 
Assign codes (keywords) to your search links that your audience can enter into the search bar. This makes it easier for your audience to find your content quickly. 

To add search links:

  1. Sign in to your Hopp account.
  2. Click Link in Bio on the left.
  3. Click Edit Page at the top right.
  4. Click Search on the left.
  5. Click + Add a Link next to Search Links.
A screenshot showing the Add a Link button where you can create a new search link for your search bar.
  1. Paste the URL of your link under Link URL.
  2. (Optional) Enter a keyword under Code, for your audience to use to find your link.
    Tip: Keep your code relevant to the contents of the link so that your audience can easily remember it when searching. For example, if you are linking to pair of trainers, your code could be "shoes".
  3. Click Next.
  4. Enter a descriptive title to appear next to the link.
  5. Click the Add icon under Thumb to add a thumbnail photo for your link.
  6. (Optional) Add a coupon to this link:
    1. Enable the Attach Coupon Code toggle. 
    2. Enter the code your audience will use to redeem their discount under Coupon Code.
    3. Enter the name of your coupon (e.g. "10% off your first purchase") under Coupon Title.
    4. Enter any additional details about your coupon under Coupon Description. For example, "Coupon valid for new sign ups".
  7. Click Create.
  8. (Optional) Share your link with your audience:
    Tip: Make sure you add your Link in Bio URL to your social bios first. 
    • Copy Code: Copy the search link keyword to add it to your social posts or stories. 
    • Copy Text: Copy one of the text examples, which already include your code, to share on social media. 
  9. Click Ok to continue. 
  10. Click Publish at the top right to make your changes live.
What's next?
Your audience can now search for this link in your search box. Share the code you assigned to your link on social media so people know how to find it. 
An example share link and code set up.

Once created, you can manage your search links at any time. Edit any details of the link, should the URL or pricing change for example. Attach a coupon to offer your audience a discount. Share the code again or delete the link if you no longer need it. 

To manage your search links:

  1. Sign in to your Hopp account.
  2. Click Link in Bio on the left.
  3. Click Edit Page at the top right.
  4. Click Search on the left.
  5. Click the More Actions icon next to a link and choose an option:
    • Edit Link: Update link details including URL, code, title, image and coupon. 
    • Attach Coupon: Choose to add a brand new coupon to your search link. 
    • Share Link: Copy your search link code and use it in your social posts and stories. 
    • Delete Link: Remove the link entirely from your Link in Bio search box. 
  6. Click Publish at the top right to make your changes live.

A screenshot showing the Search Links more actions icon and the managing options available.

FAQs

Click a question below to learn more about the search box in your Link in Bio page. 

Did this help?

|