Sticky Signal Element
A sticky Signal button is a convenient, always-visible button on your website that allows visitors to get in touch with you directly via Signal.
The link looks like: https://signal.me/#p/{phonenumber}. This button "sticks" to the bottom corner or side of the screen as the user scrolls, ensuring easy and immediate access. Fully styleable to match your site design.
In YOOtheme builder or templates you can Select new elements to create your pages.
Go to YOOtheme > Layout > Footer to add this element to all pages.
In this popup you will see the Joomill Extensions section with all available elements.
Select the Sticky Signal element.
Content Tab
| Phone Number |
Enter the number of your Signal account |
| Title | Enter an optional text for the icon |
Settings Tab
| Icon width | Set the size of the icon in px. |
| Color | Choose the icon color. You can choose from: - None (default Signal color) - Muted - Emphasis - Primary - Secondary - Success - Warning - Danger |
| Title Style | Set the style of the Title Text Choose from: - Meta - Small |
| Grid Column Gap | Set the Grid Column Gap Choose from: - None - Small - Medium - Default - Large |
| Position Element | Select the position of the element on the screen. Choose from: - Top Left - Top Center - Top Right - Center Left - Center - Center Right - Bottom Left - Bottom Center - Bottom Right |
| Position | Static (default) Change this to Relative to modify the position. |
| Margin | Set the Margin of this element Choose from: - Keep Existing - None - Small - Medium - Default - Large - X-Large |
| Visibility | Choose where you would like to show the empty element. You can choose from: - Show Always - Visible Small (Phone Landscape) - Visible Medium (Tablet Landscape) - Visible Large (Desktop) - Visible X-Large (Large Screens) - Hidden Small (Phone Landscape) - Hidden Medium (Tablet Landscape) - Hidden Large (Desktop) - Hidden X-Large (Large Screens) |
Demo
