Dr. Mess — Links Page Manager
Header
Link Buttons
Procedures Grid
NameDescriptionURL
Footer
Paste into the Raw HTML field in WordPress
Paste your current Raw HTML from WordPress, then click Load:
Links Page Editor

Update your links page
without touching code.

A simple visual tool for editing buttons, icons, and procedures on sarahmessmd.com/links/ — with a live preview as you type.

Overview
How it works
01

Make your edits

Use the Editor tab to update button labels, links, icons, and page content. The preview updates instantly on the right.

02

Copy the HTML

When you're happy with the preview, click the gold "Copy HTML" button at the bottom of the editor panel.

03

Paste into WordPress

Go to the Links page in WordPress, paste into the Raw HTML field, and save. Changes go live immediately.

Full workflow
Making a change, start to finish

Always start by grabbing the current live code from WordPress and loading it into the editor. This ensures you're editing the latest version — not the editor's default content.

Go to WordPress
Links page → Raw HTML field
Copy the code
Select all → copy
Load into editor
Import from WordPress → paste → Load
Make your edits
Preview updates live
Copy HTML & paste back
Gold button → back to WordPress
Always start with Import
Pull the latest version before editing

The editor opens with default content each time you visit. Before making any changes, you need to pull the current live code out of WordPress and load it in — otherwise your edits will overwrite the live page with the default content.

The Raw HTML field is inside the Just Content layout block on the Links page edit screen in WordPress.

How to import
1
In WordPress, go to the Links page and click Edit
2
Scroll down to the Just Content layout block and find the Raw HTML field
3
Click inside the Raw HTML field → Select All (Ctrl+A / Cmd+A) → Copy (Ctrl+C / Cmd+C)
4
Come back here and click Import from WordPress in the Editor tab
5
Paste into the textarea (Ctrl+V / Cmd+V) → click Load
WordPress
Where to paste
The Raw HTML field is inside the Links page ACF layout — here's exactly where.
WordPress — Links page
1 · Just Content
Gold Label
Just Content (WYSIWYG) — leave this empty
Raw HTML PASTE HERE
<style>...</style><div id="sm-linktree">...
Update
Leave the WYSIWYG "Just Content" field above it empty
The Editor
What you can edit
Every visible element on the links page can be updated from the Editor tab — no code required.
1

Edit header info

The fields at the top of the editor control your name, credentials line, tagline, and the small badge pills (like "20+ Years").

For badges, type them separated by commas — e.g. 20+ Years, AAAASF Certified

Tip: Changes update the preview instantly — no need to save first.
editor — header fields
Header
Name
Dr. Sarah Mess, MD
Credentials
FACS · Board-Certified Plastic Surgeon
Tagline
Artistry & precision for naturally beautiful results
Badges (comma-separated)
20+ Years, Georgetown & Johns Hopkins, AAAASF Certified
Each comma creates a new badge pill on the page
2

Edit link buttons

Each button row has three fields: the label (bold text), the subtext (smaller description), and the URL it links to.

Check Gold/primary style to make a button the highlighted gold one — typically "Book a Consultation."

Tip: Only one button should have the gold style at a time.
editor — button fields
Link Buttons
⠿Book a Consultation×
Label
Book a Consultation
Subtext
Personalized & confidential
URL
https://www.sarahmessmd.com/contact/
Gold/primary style
Checked = this button appears gold on the page
3

Change icons

Click the icon picker button (e.g. "mail ▾") next to any link button to open a grid of 15 available icons. Click any to select it.

Available icons: mail, grid, user, star, heart, edit, phone, calendar, camera, award, gift, map-pin, info, book, video.
editor — icon picker
mail ▾
← click to open picker
mail
grid
user
star
heart
edit
phone
cal
award
map
Gold border = currently selected icon
4

Reorder buttons

Grab any button row by the ⠿ handle on its left and drag it up or down to change the order. The preview updates instantly on drop.

Tip: "Book a Consultation" typically stays first or second as the primary action.
editor — drag to reorder
⠿Before & After Gallery×
⠿About Dr. Mess×
⠿Specials & Events×
Gold outline shows where the button will land
5

Add or remove buttons

Click + add link button to add a new one at the bottom of the list. Drag it into position after adding.

Click the × on any row to remove it. This cannot be undone.

Tip: The same controls work for the Procedures grid below the buttons.
editor — add and remove
⠿Rewards Programs×
+ add link button
Red × removes permanently — double check before clicking

sarahmessmd.com/links/ — managed by SILVR Agency