← All widgetsWidget 314 · emcp_custom_314

Text Path

Elementor widget7 layouts12 content options16 style options2 panel sections

Built with the EMCP Widget Builder and registered under the EMCP Custom category of the Elementor panel. Search the panel for: text path, curved text, circle text, svg, arc, wave, badge.

Setup guide

  1. Open a page in Elementor, search the panel for Text Path and drag it into a container.
  2. Content › Text Path: Text, Path Shape, Custom Path d (viewBox 0 0 400 200), Repeat Text to Fill the Path, Start Offset, Rotation, Spin Duration (seconds), Link and 4 more.
  3. Pick a Path Shape: Circle (badge), Arc (smile), Arc (frown), Wave, Spiral, Straight line (kerned), Custom SVG path. Each one is shown below.
  4. Style tab sections: Style. Colours, typography and spacing set here are scoped to this widget instance.
  5. Publish. Every option is a standard Elementor control, so it responds to the editor, dynamic tags and global styles as usual.
Conditional options: Custom Path d (viewBox 0 0 400 200) appears when Path Shape is custom.
Ships with its own JavaScript; it runs once per instance and re-initialises inside the Elementor editor preview.
Layout

Circle (badge)

Path Shape = circle

Layout

Arc (smile)

Path Shape = arc

Layout

Arc (frown)

Path Shape = arc-down

Layout

Wave

Path Shape = wave

Layout

Spiral

Path Shape = spiral

Layout

Straight line (kerned)

Path Shape = line

Layout

Custom SVG path

Path Shape = custom

Options reference

Every control the widget exposes, grouped by panel section. Names in code are the setting keys used by the MCP tools (add-free-widget, update-widget).

Content tab

Text Path

OptionTypeChoices / rangeDefaultNotes
Text
text		TextHandmade in small batches • Since 2019 •
Path Shape
shape		DropdownCircle (badge), Arc (smile), Arc (frown), Wave, Spiral, Straight line (kerned), Custom SVG pathcircle
Custom Path d (viewBox 0 0 400 200)
custom_path		TextShown when shape = custom
Repeat Text to Fill the Path
repeat		Toggleon / offyes
Start Offset
start_offset		Slidermin 0, max 100, %0
Rotation
rotate		DropdownNone, Continuous spin (circle), Continuous spin, reverse, Spin on hover, Rotate with scrollspin
Spin Duration (seconds)
speed		Numbermin 3, max 12020
Link
link		Link
Centre Icon (circle)
center_icon		Icon
Centre Image (circle)
center_image		Image
Centre Text (circle)
center_text		Text
Text Inside the Path (flip)
flip		Toggleon / off

Style tab

Style

OptionTypeChoices / rangeDefaultNotes
Size
size		Slidermin 80, max 800, px/%/vw240Responsive
Typography
typo		Typography
Font Size (SVG units)
font_size		Slidermin 6, max 80, px18
Text Color
color		Color#101828
Hover Color
color_h		Color
Letter Spacing
spacing		Slidermin -5, max 20, px2
Weight
weight		DropdownRegular, Semibold, Bold, Extra bold700
Uppercase
uppercase		Toggleon / offyes
Show the Path Line
show_path		Toggleon / off
Path Line Color
path_color		Color#eaecf0
Path Line Width
path_w		Slidermin 0.5, max 8, px1
Circle Background
bg		Color
Centre Icon / Image Size
center_size		Slidermin 10, max 80, %40
Centre Icon / Text Color
center_color		Color#6a11cb
Centre Text Typography
center_typo		Typography
Alignment
align		Button groupLeft, Center, Rightcenter

Add it with the MCP tools

Any connected agent can place this widget: call add-free-widget with widget_type: "emcp_custom_314" and a settings object using the keys above. Run get-custom-widget with id 314 for the full JSON spec.