GatherContent

Blog Components

How to use blog components

Step 1

Add content to the selected component.

Block quote: to edit the author image, double-click the image and select 'Choose image'. Upload a new image or select one from the image panel.

Tweet this block: Double-click the embed code (the grey bar or the 'Tweet this' text). First, find href="https://twitter.com/share?url=

By default, you'll see href="https://twitter.com/share?url=https://gathercontent.com/blog/the-last-URL-you-used&text=

You'll want to replace the URL between url= and &text= with the URL of the article you would like to share, for example, href="https://twitter.com/share?url=https://gathercontent.com/blog/customer-journey-maps-for-content-because-theyre-not-just-for-ux&text=

Next, replace the text after &text= with the text that you would like to share, for example, &text=this is some text.

The whole string will look something like this: href="https://twitter.com/share?url=https://gathercontent.com/blog/customer-journey-maps-for-content-because-theyre-not-just-for-ux&text=this is some text."

Note: It's important to keep the closing quotation mark after the text (there's an opening quotation mark after href=")

----

Step 2

Publish your changes.

----

Step 3

Navigate to the Blog Components page and select 'Inspect' (right-click the page and select 'Inspect' or 'Inspect element' - you may need to turn on developer tools).

----

Step 4

Use the picker to select the correct element - the CSS classes are:

Call out: .call_out

Block quote: .blockquote_item

Twitter share: .share_item

Here's a video guide for assistance

----

Step 5

Right click the '<div class=' in the developer panel and select Copy > Copy Element

----

Step 6

In your article CMS panel, add a space and then click the '+' icon. Add the embed element and paste the code here.

----

Step 7

Publish your article and check that the styling has been copied successfully.

Stylised call outs

Need to know: GatherContent helps streamline the process by minimizing back and forth and making it easy to track progress with template briefs. Each step in the process is included in the template so team members working on the piece know what’s expected of them.

Stylised block quote

"Customer journey mapping is a way to bring disparate sets of data into one place, to produce a story that’s based on emotion but backed by numbers."
Profile image
Michael Brenner
CEO, Marketing Insider Group

Social share component