Webhash Docs
  • Welcome to Webhash
  • Getting Started with Webhash
  • Building Your Decentralized Website with Webhash
  • How to Edit Every Component on Your Website?
    • Standard Blocks: The Foundation of Your Website
      • Avatar👨🏻‍🦰
      • Heading 🅰️
      • Paragraph📝
      • Links🔗
      • Image 🖼️
      • Social #️⃣
      • Image Grid 🌠
      • Divider ➗
      • List 📃
      • Big Link 🔗
      • Big Paragraph❡
      • Internal Big link
      • Header Image 🖼️
      • Internal Pages 📑
      • Audio 🔉
      • Video 🎥
      • File 📁
      • Call to action
      • Phone Collector 📞
      • PDF Document
    • Web3: Bringing web3 to your website
      • Farcaster
      • Namespace
      • EFP
    • Embeds: Bringing the Web to Your Website
      • SoundCloud ☁️
      • Spotify🎵
      • Youtube📽️
      • Twitch 🎮
      • Vimeo 📹
      • TikTok Video
      • Apple Music 
      • Twitter Profile
      • Twitter Tweet ✖️
      • Pinterest Profile
      • Instagram Media
      • Tiktok Profile
      • Typeform
      • Discord Server
      • Facebook Post🗨️
      • Reddit Post
    • Advanced Blocks: Power Up Your Website's Functionality
      • RSS Feed
      • Custom HTML </>
      • Vcard
      • Alert 🔔
      • FAQ
      • Countdown
      • External Item
      • Share 🔼
      • Youtube Feed 🎥
      • Timeline
      • Review ⭐⭐⭐
      • Image Slider 🖼️
      • Mark Down ✔️
    • Payment Blocks: Monetize Your Web3 Presence
      • Paypal 💵
      • Crypto Pay
  • Connecting to ENS & Web3 Domains: Your Website's Decentralized Address
  • FAQ's on Decentralized Websites
    • What are decentralized websites?
    • How are decentralized websites different from traditional websites?
    • Why should I consider using a decentralized website template?
    • How do I get started with a decentralized website?
    • Can I use my existing domain name with a decentralized website?
    • What are the advantages of using a web template for my decentralized website?
    • Are there any technical requirements or skills needed to use these templates?
    • How customizable are the web templates for decentralized websites?
    • Can I integrate features such as e-commerce or user authentication in my decentralized website using
    • The templates optimized for search engine visibility and performance?
    • Do you offer support or documentation for using the templates?
    • Are there any limitations or considerations I should be aware of when using decentralized
    • Can I use these templates with other blockchain platforms besides Ethereum?
    • What is Ethereum Name Service (ENS) and how does it relate to decentralized websites?
    • How to publish a page on IPNS or IPFS 🔗
Powered by GitBook
On this page
  1. How to Edit Every Component on Your Website?
  2. Standard Blocks: The Foundation of Your Website

Phone Collector 📞

How to add Phone Collector block to your Decentralized website

PreviousCall to actionNextPDF Document

Last updated 1 year ago

  • Add the Phone Collector block:

    • Click on the "Add Blocks" button.

    • Look for the Phone Collector block option and select it.

  • Configure the Phone Collector block:

    • In the block settings, you'll find various options to customize the phone collector block.

  • Phone Number Placeholder: Enter the placeholder text to guide users in providing their phone number.

  • Name Placeholder: Set the placeholder text for the user's name.

  • Button Text: Specify the text that will appear on the submission button.

  • Thank You Message: Customize the message displayed to users after submitting their phone number.

  • Thank You URL: Provide the URL where users will be redirected after submitting their information.

  • Show Agreement Toggle: Choose whether to display an agreement or terms of use checkbox.

  • Agreement Text: Enter the text of the agreement or terms of use.

  • Agreement URL: Add a URL that users can visit to read the complete agreement.

  • Email to Get Notified: Enter the email address where you want to receive notifications.

  • Webhook URL to Get Notified: Optionally, provide a webhook URL to send the collected information to an external system.

  • Customize the button:

    • Look for the button customization options specific to the Phone Collector block. These options may vary depending on the capabilities of the 1W3 editor.

    • Name of the Button: Enter the desired name or text that will appear on the button.

    • Image Thumbnail or Icon: Optionally, add an image thumbnail or icon to the button.

    • Text Color, Alignment, Background Color: Customize the color and alignment of the button text and background.

    • Border Color, Border Width, Border Radius, Border Style: Modify the appearance of the button border by setting the color, width, radius, and style.

    • Animation and Animation Duration: Apply animations to the button and specify the duration of the animation.

  • Save and preview your changes:

    • Save your modifications in the editor.

    • Click on the "Preview" button or a similar option to view your Link Tree decentralized website.

    • Check that the phone collector block is displaying correctly with the configured settings and button customizations.

By following these steps, you can add a phone collector block to your decentralized Link Tree website, allowing visitors to provide their phone numbers and other information. This can be useful for building subscriber lists, contact databases, or conducting surveys.