Developer handoff
WordPress, without giving away the keys.
I cannot log into 3sp.co as an administrator. Sharing wp-admin credentials in chat isn't something I can use, and I don't have a path into your hosting. Paste these blocks into Elementor instead — they match the 3SP pink / sky / charcoal system.
- 1. Create a Careers page in WordPress (slug
/careers) with Elementor. Add the iframe or the featured-role HTML below. - 2. Point the nav. Replace "Apply Now" with Careers → this board, plus Start a search → Gravity Form, plus Partners → the partnerships page.
- 3. Install Gravity Forms (or WPForms) with the field map and notification routing in the snippet. Investor leads never hit the general inbox.
- 4. Keep the tracker in Drive. This board is seeded from the 3SP Role Tracker. When you close a search in the sheet, tell me and I'll refresh the listings — do not publish fee %, assignments, or candidate names.
A. Full job-board embed (iframe)
<!-- 3SP Co. job board embed. Paste into an Elementor HTML widget. --> <iframe src="https://YOUR-APP.grok.me/roles" title="3SP Open Roles" style="width:100%;min-height:920px;border:0;border-radius:12px;background:#F7FBFD;" ></iframe>
B. Featured-role HTML (static, four live roles)
<!-- Featured roles — paste into Elementor HTML widget --> <div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;"> <article style="background:#FFFFFF;padding:20px;border-radius:16px;box-shadow:0 0 0 1px rgba(26,26,26,.06);"> <p style="font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#C0266A;margin:0 0 6px;">Sullivan's Castle Island</p> <h3 style="font-family:Outfit,system-ui,sans-serif;font-size:28px;margin:0 0 8px;color:#1A1A1A;">Executive Chef</h3> <p style="font-size:14px;color:#5A6570;margin:0 0 12px;">Hanover, MA · $99,000</p> <a href="https://YOUR-APP.grok.me/roles/sullivans-hanover-ec" style="color:#1A1A1A;font-size:14px;font-weight:500;">Read & apply →</a> </article> <article style="background:#FFFFFF;padding:20px;border-radius:16px;box-shadow:0 0 0 1px rgba(26,26,26,.06);"> <p style="font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#C0266A;margin:0 0 6px;">Redbones</p> <h3 style="font-family:Outfit,system-ui,sans-serif;font-size:28px;margin:0 0 8px;color:#1A1A1A;">General Manager</h3> <p style="font-size:14px;color:#5A6570;margin:0 0 12px;">Somerville, MA · $110,000</p> <a href="https://YOUR-APP.grok.me/roles/redbones-gm" style="color:#1A1A1A;font-size:14px;font-weight:500;">Read & apply →</a> </article> <article style="background:#FFFFFF;padding:20px;border-radius:16px;box-shadow:0 0 0 1px rgba(26,26,26,.06);"> <p style="font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#C0266A;margin:0 0 6px;">Baker House</p> <h3 style="font-family:Outfit,system-ui,sans-serif;font-size:28px;margin:0 0 8px;color:#1A1A1A;">Managing Director</h3> <p style="font-size:14px;color:#5A6570;margin:0 0 12px;">Ithaca, NY · $225,000</p> <a href="https://YOUR-APP.grok.me/roles/baker-house-md" style="color:#1A1A1A;font-size:14px;font-weight:500;">Read & apply →</a> </article> <article style="background:#FFFFFF;padding:20px;border-radius:16px;box-shadow:0 0 0 1px rgba(26,26,26,.06);"> <p style="font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#C0266A;margin:0 0 6px;">Burton's</p> <h3 style="font-family:Outfit,system-ui,sans-serif;font-size:28px;margin:0 0 8px;color:#1A1A1A;">Assistant General Manager</h3> <p style="font-size:14px;color:#5A6570;margin:0 0 12px;">Plantation, FL · $80,000</p> <a href="https://YOUR-APP.grok.me/roles/burtons-agm-plantation" style="color:#1A1A1A;font-size:14px;font-weight:500;">Read & apply →</a> </article> </div>
C. Additional CSS (pink / sky / charcoal)
/* 3SP pink / sky / charcoal — paste into Appearance → Customize → Additional CSS
or an Elementor custom CSS field on the careers page. */
.sp-btn {
display: inline-flex;
align-items: center;
justify-content: center;
height: 48px;
padding: 0 24px;
background: #F45696;
color: #1A1A1A;
font-family: Outfit, system-ui, sans-serif;
font-weight: 500;
letter-spacing: 0.04em;
text-decoration: none;
border-radius: 10px;
}
.sp-band {
background: #1A1A1A;
color: #F7FBFD;
text-align: center;
padding: 64px 24px;
}
.sp-band h2 {
font-family: Outfit, system-ui, sans-serif;
font-size: clamp(2rem, 4vw, 3rem);
margin: 0 0 16px;
}
.sp-tagline-pink { color: #F45696; font-weight: 800; text-transform: uppercase; letter-spacing: 0.04em; }
.sp-tagline-sky { color: #9BDDF9; font-weight: 800; text-transform: uppercase; letter-spacing: 0.04em; }D. Gravity Forms field map + routing
Gravity Forms — "Start a search" (conditional routing) Field 1 Name (text, required) Field 2 Email (email, required) Field 3 Phone (phone) Field 4 "I am a…" radio: Client | Candidate | Investor | Strategic partner | Press Field 4b Firm (text, show if Strategic partner) Field 4c Category (dropdown, show if Strategic partner): Real estate broker | Family office | Architect | Branding / marketing firm | Platform — delivery, CRM, POS, HR | Restaurant365 | SRVE | Thalos Tech | Other Field 4d Geography (dropdown, show if Strategic partner): Multi-state / MA / CT / RI / NH / NY / NJ / PA / DC / VA / NC / SC / GA / FL / IL / TX / CO / AZ / CA / HI / Canada / Other Field 5 Interest path (radio, show if Candidate): Live search | Role + market | Specific brand Field 5b Live search (dropdown, show if Live search) — populate from public roles Field 5c Role family (dropdown, show if Role + market or Specific brand): Open / Culinary / Operations / Leadership / Corporate Field 5d Level (dropdown, optional): Open / Restaurant or store manager / Kitchen (sous, KM, EC) / GM or AGM / Corporate (finance, marketing, people, tech…) / Director / VP / President / C-level Field 5e Market (dropdown, show if Role + market): Open / New England / Southeast / Florida / Mid-Atlantic / Northeast / Midwest / Texas / West / Hawaii / Canada Field 5f Company (dropdown, show if Specific brand) — populate from public roster; no assigned role required Field 5g Path track (radio, show if Candidate): Culinary / Operations / Leadership / Growth departments Field 5h Current step on that ladder (dropdown) Field 6 Accredited-investor certification (checkbox, required if Investor) Field 7 Operation (show if Candidate) — concept, weekly/annual volume, F&B split, mgmt team size, employee band, AOR, bar, training, new openings, relocate + where Field 8 Fit (show if Candidate) — must-haves, dealbreakers, reason looking, long-term goals, 3-word management style, proudest accomplishment, three references, background-check notes Field 9 Message (paragraph) Field 10 Resume (file, show if Candidate) — PDF/DOCX, 8MB max Notifications Client → don@3sp.co (brand hiring — C-level through store manager, plus corporate departments) Candidate → recruiting inbox (Kristopher / Tyler) — Path applications include operator fields Investor → Don Bailey + Brian Piccini ONLY (do not CC general) Partner → partnership desk / Don (brokers, platforms, advisors — not a vendor dump) Press → general inbox Confirmation: "We have it. A 3SP partner will follow up."
What not to paste
The Google sheet includes fee percentages, recruiter assignments, hired-candidate names, and internal notes. Those stay off 3sp.co. The public board only carries title, concept, city, family, and published compensation.