Skip to content

Email Element

The Email element displays an email action indicator or contact information on your page.


Overview

Email is used for:

  • Email action placeholders
  • Contact information display
  • Email-related indicators
  • Communication actions

Adding an Email Element

  1. Open the Website Builder
  2. Find Email in the Elements panel
  3. Drag it onto your page
  4. Configure properties in the Floating Design Panel

Properties

General Tab

PropertyDescription
Question TextLabel or description text

Color Tab

PropertyDescription
BackgroundContainer background
Icon ColorEmail icon color
Text ColorLabel text color

Dimensions Tab

PropertyDescription
Font SizeText size
PaddingInner spacing
MarginOuter spacing

Visual Display

The email element displays with an email icon:

📧 Email

This provides a visual indicator for email-related functionality.


Use Cases

Contact Indicator

Label: "Contact Us"
Purpose: Indicate email contact option

Email Action

Label: "Send Email"
Purpose: Email action placeholder

Communication Section

Label: "Email Support"
Purpose: Support contact indicator

Best Practices

  1. Combine with events - Use with Open URL event for mailto links

  2. Label clearly - Make the purpose obvious

  3. Position appropriately - Place where users expect contact options

  4. Style consistently - Match your app's icon style


Questions?

If you have any questions, please don't hesitate to contact us. Alternatively, you can submit an issue on this platform.

Useful Links:

Web Elements - https://help.acenji.com/#/./create-web-application/elements/index Text Input - https://help.acenji.com/#/./create-web-application/elements/text-input/index Link - https://help.acenji.com/#/./create-web-application/elements/link/index

Was this article helpful?

No-Code App Builder