LogoLogo
HomepageResellerPricingSign in
  • AppMachine
  • πŸ“ƒProduct Updates
  • πŸ‘·Build your app
    • Preview your app
    • App templates
    • App Settings
    • Update payment method
    • Cancel subscription
  • ❔General App Building FAQ
  • How to
  • 🧱Blocks
    • πŸ” Admin
    • πŸ“„Blank Page
    • πŸ“žCall
    • 🏒Contact
    • πŸ“Contact Us
    • 🧾Coupons
    • πŸ“ƒCustom Form
    • πŸ“§Email
    • πŸ—“οΈEvents
    • ❔FAQ
    • 🌐Facebook
    • πŸ•‘Hours
    • ℹ️Information
    • πŸ“£Intro
    • β˜•JavaScript
    • πŸ”’Lock
    • 🎧Music
    • πŸ“°News
    • πŸ“ƒPDF
    • πŸ—ΊοΈPOI
    • πŸ‘₯People
    • πŸ“·Photos
    • 🏬Products
    • πŸ“©Push Messages
    • πŸ“»Radio
    • β†ͺ️Submenu
    • 🐦Twitter
    • πŸ‘¨β€πŸ’»URLs
    • πŸ–₯️Web Page
    • πŸ“ΊVideo
    • πŸ“±WhatsApp
  • πŸ“ƒData
    • Appmachine Data
    • Delete (test) data from Custom Form
    • Google Sheets
    • Web services
  • πŸ–ŒοΈStyle your app
    • Theme
    • Home Screen
    • FAQ Style
  • 🎨Style your screens
    • Elements
  • Share your app
    • ✈️Publishing your app
      • Technical Setup Quick Start Guide
      • Update your app
      • Unpublish an app from the app stores
    • 🌐Web App Publishing
      • Hosting on custom domain
    • 🍏Apple App Store
      • iOS developer account
      • App Store Connect API keys
      • Link your app
      • New app record in App Store Connect
      • App privacy details
      • Edit Store information
      • Fix App publish issues
      • Push certificates
      • App Store Connect app status overview
      • App Store Review Guidelines
      • Publish app Unlisted
      • Accept updated License agreement
      • Apple App Store FAQ
      • iPad
      • Enterprise
        • Setup your Enterprise app
        • Create iOS Distribution Certificate
        • Create App ID
        • Create Mobile Provisioning Profile
        • Downloading and installing an Enterprise app
    • 🍐Google Play
      • Create a Google Developer Account
      • Setup your Android app
      • How to request a Google Maps API Key
      • Test your Android app before publishing to Google Play
      • Upload your Android app to Google Play Store for the first time
      • Update Android app (short)
      • Update an Android app (extended)
      • Data safety details on the Google Play Store
      • Sell your app in Google Play Store
      • Create Google merchant account
      • Force Store Update for your Android App
      • Authorise an additional user to your Google Play developer account
      • What if my app is suspended by Google?
  • App details
    • πŸ•΅οΈGoogle Analytics
      • Google Analytics setup overview
      • Setup iOS analytics
      • Setup Android analytics
      • Inviting a new Google Analytics user
    • πŸ”₯Firebase
      • Create Firebase project
      • Locate Firebase Server key
      • Renew Firebase Server Key
      • Register iOS app
      • Register Android app
      • Enable Cloud Messaging
      • Enable Google Analytics
      • Google Analytics via Firebase
    • πŸ“¨Push notifications
      • Setup Apple Push certificate
    • πŸ§‘β€πŸ€β€πŸ§‘User management
      • Create Apple Sign In key
      • Setup Azure Active Directory
      • Create Facebook App ID Secret
    • 🐦Twitter API keys
    • πŸ”Privacy policy
    • πŸ‘©β€πŸ”§Your Account
      • Account Settings
      • Account FAQ
      • Payment FAQ
    • πŸ“±Admin CMS
  • Developers
    • πŸ‘©β€πŸ’»JavaScript
      • Develop locally
      • SDK
        • Core
        • JS Data
        • Media
        • Navigation
        • Notification
        • User
      • CLI
        • CLI Token and Secret
        • Errors
          • CONFIG_PROPERTIES_INVALID
          • CONFIG_VALUES_INVALID
          • ENTRY_FILE_NOT_FOUND
          • OUTPUT_DIRECTORY_IS_EMPTY
          • OUTPUT_DIRECTORY_NOT_FOUND
          • TOKEN_SECRET_NOT_PROVIDED
          • TOKEN_SECRET_NOT_VALID
      • Migrate from old Custom JS
    • πŸ’»Web services
Powered by GitBook
On this page
  • Adding your contact details
  • Configuring the Contact building block
  • Settings
  • Design
  • Frequently Asked Questions

Was this helpful?

  1. Blocks

Contact

Stores your company's contact information. This includes information like your address, phone number, e-mail address, and website, as well as your Twitter, and LinkedIn accounts.

PreviousCallNextContact Us

Last updated 2 years ago

Was this helpful?

Users can now call or email you at the click of a button. Users will be shown the route to your address in their smartphone's map application if they click on your address.

Adding your contact details

  1. Click on + Block.

  2. Select the Contact block and click Add this block.

  3. Fill in your contact details.

    • Name - Enter the name of your company.

    • Address - List the address that you'd like to make public to your users. AppMachine will show suggestions from Google Maps as you enter your address. The address will be designated on your map with a pin.

    • Phone Number - Enter your phone number here. Users will be able to use this to contact you straight from the app. This works similarly to the "Call" building block. For more information, check the "Call" article.

    • Email - Enter you email address here. The app will open an email client with the correct contact info when users click on the address.

    • Website - Enter your website's URL here. Clicking on the URL will take the user to your website in a mobile browser.

    • Twitter - Enter your Twitter name here (without the "@" symbol). AppMachine will check if you've entered a valid Twitter name and confirm its validity with a green checkmark. Clicking on the Twitter name will take users to your Twitter profile in a mobile browser.

    • LinkedIn - Enter your LinkedIn account here. AppMachine will check if you've entered a valid LinkedIn name and confirm its validity with a green checkmark. Clicking on the LinkedIn account will take users to your LinkedIn page in a mobile browser.

    • Description - You are free to use this space to enter any extra information you feel is relevant. You edit this block using the text editor. The text editor allows you to style your text and even add images and/or videos.

  4. Click Continue when you have filled in your details.

  5. Fill in the name of the block.

  6. Click on the icon if you want to change the image used in the menu.

    • Replace allows you to choose from a wide range of AppMachine icons or upload your own.

    • Delete removes the icon so that only text is used (in this case "Contact") is presented in your app's menu.

  7. When you’re done, click Add this Block.

Configuring the Contact building block

Now that you've added the Contact building block, it's time to configure it. There are only two settings screens available here: Settings and Design.

Settings allows you to influence how the block will function and the Design settings will determine the aesthetics of the block.

Settings

There are several aspects of your Contact block that can be changed in this screen:

  • The name of the block

  • The icon (or image) that will be used in the app menu

  • The top image

  • The Layout for the Contact block

Should the need arise to keep the users of your published app from using this portion of the app, then you can always make use of the "ON/OFF" selector.

Change the selector to "OFF" to keep users from seeing the Contact block. Now you can continue developing your app without worrying about users coming upon areas that you haven't finished developing as of yet. Once you are satisfied with your progress, change the selector back to "ON" to publish this portion of your app.

Design

These settings allow you to make aesthetic changes to your app in magnificent detail.

Frequently Asked Questions

- This building block features the ability create links to my Twitter account while you already offer a building block to integrate these services into my app. Isn't that a bit redundant?

Yes. Don't feel obligated to enter this information in the Contact building block if you've already created building blocks for Twitter. On the other hand, it might not be a bad idea to bundle your contact information in one place for easy reference.

🧱
🏒
Adding the basic information to your Contact block.
Change the name and icon for your Contact block here.
Adding the Contact block
Changing the name of the Contact block.
The Settings and Design tab of the Contact block.