Telkari – Floating Social Icons & CTAs

Telkari adds floating social icons and CTA buttons for WhatsApp, phone, email, and custom links. Choose Orbit, Ribbon, or Pillar layouts, control each group independently, and keep assets local with no external service or CDN.

Key Features

• Social Icons and CTA Buttons can be shown or hidden independently.
• Social Icons and CTA Buttons have separate placement controls.
• Ribbon and Pillar layouts prevent social and CTA groups from overlapping when both are visible.
• CTA buttons support WhatsApp, phone, email, and custom URL destinations.
• Mobile layouts are compact and keep CTA labels on one line with controlled truncation.
• All icons, CSS, and JavaScript assets are bundled with the plugin.

Design Layouts

• Orbit – Corner trigger button with social icons opening in a quarter-circle arc. CTA buttons can be displayed with the same design without changing the Orbit toggle behavior.
• Ribbon – Bottom horizontal layout. Social icons stay in one row, and only one display group can use the center placement at a time.
• Pillar – Side layout. When both groups are visible, Social Icons and CTA Buttons are kept on opposite sides.

Social Icons

Telkari includes bundled SVG icons for 13 platforms:

Instagram, YouTube, Facebook, X (Twitter), LinkedIn, TikTok, GitHub, Pinterest, Telegram, WhatsApp, Discord, Twitch, Spotify

Social accounts can be added, deleted, enabled, disabled, reordered by drag and drop, and styled with per-platform colors.

CTA Buttons

CTA buttons support:

• WhatsApp number and optional message
• Phone number
• Email address
• Custom URL
• Custom label
• Per-button color
• Drag-and-drop ordering
• Enable/disable toggle

Appearance

The Appearance tab includes separate settings for:

• Social icon size and spacing
• CTA button size, spacing, and width
• Icon style: Rounded or Square
• Link target: Same Tab or New Tab
• Tooltips
• Platform colors, wrapper background, and Orbit trigger color

Performance

Telkari only loads frontend assets when at least one visible, enabled Social Icon or CTA Button exists. Design-specific CSS is loaded for the active layout, and the Orbit toggle script is loaded only when the Orbit social trigger is rendered.

Privacy and External Resources

Telkari does not track users and does not call external APIs. No frontend assets are loaded from a CDN.

Site owners may configure social and CTA links that point to external destinations, but Telkari does not transmit site data to those destinations.

Documentation and Source

Documentation and demo: https://tercan.github.io/telkari/

Source code: https://github.com/tercan/telkari

The bundled admin sorting helper uses SortableJS under the MIT license. SortableJS source: https://github.com/SortableJS/Sortable