Created with Tango Gallery
Marketing

How to Publish Tango Blogs to the CMS in Webflow

Table of Contents
Author
Created with Tango by:
Dan Giovacchini
Last Updated:
May 18, 2023
Software
Use case
Marketing

1. Go to Tango-Team Sites - Webflow

2. Open the [New] Tango site

Open the [New] Tango site

3. Click on CMS in the sidebar on left

Click on CMS in the sidebar on left

4. Click on Blogs…

Click on Blogs…

5. Click on "New Blog"

Click on "New Blog"

6. Go to What is Process Documentation? A Complete Guide - Google Docs

7. Copy text that you need

Copy text that you need

8. Go back to Webflow - [NEW] Tango: Capture how work gets done

9. Paste in your required fields

🌟 Pasting from Google Docs does not carry formatting.

Paste into MS Word first, then Webflow and it should work.

Paste in your required fields

10. Set Date that you want to show up on Article for viewers

(not actual date of publish, just the visible one)

Set Date that you want to show up on Article for viewers

11. Enter Short Summary - this shows up on the card preview in the Blog homepage

Enter Short Summary - this shows up on the card preview in the Blog homepage

12. Paste your main article content

🌟 Pasting from Google Docs does not carry formatting.

Paste into MS Word first, then Webflow and it should work.

Paste your main article content

13. Add Anchor Links

14. Place cursor and Hover to invoke the "Add Content" button

Place cursor and Hover to invoke the "Add Content" button

15. Click on "Custom Code"

Click on "Custom Code"

16. Paste "" into text area

<div id="onboarding"></div>

Paste "<div id="onboarding"></div>" into text area

17. Change this to be any recognizable tag associated with that Header

Change this to be any recognizable tag associated with that Header

18. In this case I used "bestPractices" as shorthand for "Best Practices For Successful Process Documentation"

In this case I used "bestPractices" as shorthand for "Best Practices For Successful Process Documentation"

19. Click on Save & Close

Click on Save & Close

20. Go to Anchor Links and type the Table of Content Headers you want to appear

21. Highlight each Header to add a link

Highlight each Header to add a link

22. Type "#bestPractices"

The format is "#" then the shorthand tag you created earlier 

Type "#bestPractices"

23. Finish the rest of your links

Finish the rest of your links

24. Choose your desired saving or publishing option

NOTE: The anchor links will not function inside the Webflow Editor (due to a Webflow CMS limitation). If needed, you can publish to the staging URL to test:

How to Publish on Webflow 

Choose your desired saving or publishing option
Friends don't let friends learn the hard way.
Create how-to guides, in seconds.
Try Tango for Free
This is some text inside of a div block.