Tech | Live Site to Designer
Navigate more efficiently through the Webflow ecosystem
Goals;
Navigate from live site page to the designer in a new tab
find page on site
quickfind specific article
find all pages with specific text
find all pages with out-of-sync translations
Core Implementation
Navigation from Live/Staging to Designer
We want to construct this-
Extraction approach;
Shortname. Extracted from CSS / JS path.
For Hyperspeed-proxied sites, we need an alternative approach.
Locale ( optional? ) From
<html lang>PageID. From
<html data-wf-page>ItemID. Could potentially determine this through a lookup using
<html data-wf-item-slug>through the Webflow API to obtain the Item ID. The Collection ID and Site ID would also be used here.Consider building this into Hyperflow Central Services for better resolution.
For reference, here is a typical <html> element in Webflow;
Alternative Shortname Approaches
Webflow API, through Hyperflow Central Services
Explicit HEAD settings
Relevant URLs Forms
Site Settings
Publishing;
Site Usage;
SEO;
Fonts;
Backups;
Apps & Integrations;
Custom Code;
Last updated