Showing posts with label How To Embed A Facebook Widget On Any Website. Show all posts
Showing posts with label How To Embed A Facebook Widget On Any Website. Show all posts

Friday, July 8, 2022

The 6 Pillars of Digital MarketingFor Banks & Credit Unions


The 6 Pillars of Digital Marketing for Banks & Credit Unions

Some financial marketers may be tempted to throttle back due to economic uncertainty. By focusing instead on six digital marketing fundamentals, they can drive brand and business growth — no matter the economic forecast. 

The shifting economy is on everyone’s mind. As banks and credit unions reevaluate their marketing efforts, focusing on foundational areas of digital marketing can help financial brands weather difficult economic times — and put them in the best position when the forecast clears.

Maintaining an impactful presence requires a financial institution to score many wins across a vast landscape of digital ecosystems. Intuitively reaching and connecting with consumers looks, sounds and feels different across platforms, channels and moments. It’s complicated, but it can be managed by breaking this process into parts.

In essence, banks and credit unions need six foundational pillars to establish their brand and digital marketing. Financial brands that excel in these core areas should be able to reach their full potential and deliver a quality experience for their customers.

Consider these six pillars both a challenge and a checklist to ensure that your brand shows up on the right channel, in the right moment and with the right message for every customer — every time.

As you get started, two things matter most for every financial institution’s digital marketing plan: a compelling brand story and the ability to measure success and gain valuable insights. If your digital marketing foundation is a house built on these six pillars, your brand story and measurement methodology are the solid ground on which everything else stands.

Brand Storytelling

Once you’ve honed your brand story, it’s time to tell this story in digital and social ecosystems. The modern marketing campaign is a confluence of touch points. For example, the same creative and copy won’t work across the different social platforms, let alone other mediums. Each channel needs to optimize engagement for the exact moment consumers connect with your brand message.

Effectively telling your brand story might look, sound and feel slightly different on each digital and social channel and must be tailored to how individuals consume content on each one. Even if your brand is at the right place at the right time, it takes the right brand story and content addressing the specific financial need to ultimately connect and compel action.

A nuanced understanding of your brand storytelling keeps your brand consistent as your messaging is uniquely tailored to every moment.

Measurement + Attribution

How are you measuring effectiveness individually by platform and across channels? To maximize return on investment, or ROI, individual wins must roll up to larger, better outcomes. Optimizing spending across all your foundational elements is part of a successful digital marketing and media plan that understands each channel’s influence in driving consumers down the purchase funnel.

For example, a good cost-per-click doesn’t mean that you’re automatically converting customers when they arrive on your site. Do you take into account the loyalty and retention your organic social channels engender that lead to continued conversion on and offline?  Attribution needs to consider each channel and tactic.

While people convert from down-the-funnel tactics, what drove them there could be influencer marketing, paid social ads, or search engine optimization (SEO) strategies. This strategic thinking acknowledges the interconnectedness of accurate measurement within a more extensive media mix to ultimately optimize every channel — for every opportunity.

Effective brand storytelling and measurement underpin the six pillars of digital marketing that financial institutions must excel at to achieve the best results for their marketing efforts. Here is a description of each of these pillars:

1. Smart SEO

Almost 70% of online experiences begin with a search engine, as reported by BrightEdge Research. SEO, in broad terms, improves the quality of organic traffic from search engines to your website and web pages. For banks and credit unions, a solid SEO strategy ensures customers can find, learn more about, invest in and share your products online.

To assure strong SEO, financial institutions need to understand and improve their “E-A-T” — expertise, authority, and trustworthiness. E-A-T has been Google’s focus in recent years in order to fight misinformation online.

Good E-A-T is especially critical in the finance space for what Google considers “Your Money, Your Life” (YMYL) webpages. YMYL topics are any that “could potentially impact a person’s future happiness, health, financial stability, or safety.” Money is literally in the name; keeping content up to date and making changes is vital to any SEO business strategy. Largely speaking, YMYL sites have overwhelmingly felt the impacts of recent algorithm updates, and within this category, good E-A-T becomes incredibly important.

Does My Bank Have Strong E-A-T?

Check out Google’s Search Quality Evaluator Guidelines to see how your website ranks for ‘Expertise, Authority and Trustworthiness’.

What is “good E-A-T?” At its core, E-A-T asks if the information your website provides is the most accurate, trusted and expert on this topic. If, according to Google’s Search Quality Evaluator Guidelines, the answer is “yes,” then your site could be ranked above competitors with similar content. Google’s E-A-T continues to transform organic search and Google’s first page results.

Positive reviews are part of good E-A-T as Google’s algorithm becomes more sophisticated in understanding valuable content to searchers. Google’s focus means brands must ensure their reviews are accurate, authentic and, most importantly, valuable to people searching online. 

2. Strategic SEM 

Search engine marketing (SEM) focuses on the traffic to your website from paid ads. Since 2020, search ad spending has dramatically increased. As banks and credit unions seek to show up in searches and gain traffic against competitors, they’re investing in search visibility to ensure they regularly appear in front of potential customers. This investment is part of building a seamless search experience based on deep audience insights that speak directly to customers’ ever-changing intent for financial products and services.

For example, Google Ads’ Performance Max format harnesses the power of artificial intelligence (AI) to advertise across all of the Google networks. Unlike other ad formats, Performance Max can unlock new insights about customers’ interactions with your brand and products. Performance Max is just one type of campaign within a strategic mix of paid media that can improve the quality of your traffic coming from search engines. 

3. Up-to-Speed Website UX 

So, compelled by successful advertising, a customer arrives at your website ready to find out more about your products and services. What will they find? Your website’s user experience (UX) directly impacts what consumers think and feel about your brand and also what they will or will not buy. Excellent UX is part of a seamless customer experience across all digital and physical touchpoints.

The Benefits of a User Interfaces:

A good user interface can raise website conversion rates by up to 200%.

When assessing your website, ask: On the front end, is it simple to navigate and understand? On the back end, is it quick and easy to use? Your brand needs a fast, responsive site optimized for Core Web Vitals that immediately stands out from other similar product sites.

How do you know where to start? UX research closes the knowledge gap throughout the UX design process, ensuring your business saves resources, builds loyalty and provides the ideal user experience for every customer.

“Building a site without UX research is like stumbling around the house in the middle of the night to get a glass of water. You might bump an elbow or stub a toe since you can’t see the ideal place to be. These bumps can be painful and, in business terms, cost you money. UX research places nightlights along your path, illuminating key pieces of your journey. These strategically placed guides save you from stumbling and falling financially, lighting your best way forward.” 

— Ian Pfister, Associate Strategist, UX Research, Amsive 

4. Optimized Organic Social 

Is your brand story being told well? Are you driving the right social conversations? Through impactful strategy and content, your brand can lead relevant, compelling and fun social conversations ⁠that engage and make your brand a leading social voice. Instead of making organic social content decisions based on what you hope is the latest hype cycle, data analytics and reporting can inform and ground your strategy in what matters to your followers and is pertinent to your brand. Blend art and science to connect and communicate with dynamic brand content that lives naturally in each channel. 

There are many benefits to an optimized organic social program. First, you are able to personify your brand and enhance brand storytelling within a social strategy that’s sustainable and works in tandem with your paid social tactics and larger paid media strategy.

Additionally, organic social tools and tactics such as social listening and community management offer unique perspectives on your current and potential customers as they engage with your brand throughout their purchase journey. By investing in organic social, your brand can connect and communicate while supporting and providing insights into other areas of your digital marketing. 

5. Performance-Driven Influencer Marketing 

90% of marketers believe that influencer marketing is effective, according to a 2022 Influencer Marketing Hub survey. Additionally, 72% of marketers agree that influencer marketing provides higher quality customers. Why? Influencer marketing uses trusted voices to validate and build awareness for your brand story. 

Drive greater return on influencer investments by moving from testing the waters with influencer engagement to scaling this important marketing channel. Consider a multitiered strategy that includes two key components.

First, employ an “always-on” brand ambassador strategy to consistently deliver brand messaging to raise and maintain your share of voice within social ecosystems. Then, use episodic and larger influencer campaigns that support key brand or product initiatives and seasonal pushes as part of your media and marketing mix for these initiatives.

All influencer marketing efforts must be amplified with paid media support launched from influencers’ accounts to drive maximum program reach, engagement, and traffic — achieving key performance indicators (KPIs) and greater return on influencer investments.

When choosing an influencer marketing agency partner, be sure to screen for two things. First, the level of knowledge and influencer experience they have in your category. Second, the depth of their paid media skills and success in amplifying content from influencers’ accounts, which will be needed to ultimately maximize your business results. 

6. Ultramodern Paid Media

Financial institutions’ paid efforts rely on high-quality content and effective ad spending across media and social channels. Stand out from the crowd with resonating messaging that moves audiences to act. Today, that’s video across devices and platforms.

U.S. Digital Video Ad Spending

Mobile video consumption, especially through subscription OTT (over-the-top) services, is 17x higher than ten years ago, as reported in the Cisco Visual Networking Index Global Mobile Data in 2019, even before the COVID pandemic. Brand marketers know that video creates big wins. With higher conversion KPIs, video delivers more for your brand — and business.

 

 

 

 



Wednesday, July 6, 2022

How To Embed A Facebook Widget On Any Website

How To Embed A Facebook Widget On Any Website
 

With Flockler, you can show Facebook Page posts and user-generated content like Page mentions and recommendations in a beautiful Facebook widget. Also, you can combine Facebook posts with auto-updating feeds from Instagram, TikTok, Twitter, and more, and create fully custom branded widgets for any website.

An example of a Facebook widget for any website

The Facebook Page plugin is a great option if you only want to show your Facebook timeline on a website sidebar and if you aren’t keen to show multiple social channels in one place. With Facebook’s plugin, you won’t be able to customize the look & feel and the widget width and height are fixed, but it will definitely do the trick for your WordPress blog. Not only that, Facebook widgets for WordPress often make the Page plugin installation easier.

But if you are running a business, you are most likely looking for these Facebook widget features:

  • Seamless integration into your website and responsive design (no fixed width and height)
  • Multiple Facebook feed layout options and custom brand look & feel
  • Combine multiple Facebook Pages and UGC from happy customers in one widget
  • Show Facebook Page feeds with Instagram, TikTok, Twitter and other channels in one place
  • Categorize content sources for different websites and marketing campaigns
  • Advanced UGC moderation tools
  • Non-technical setup and live support for your colleagues.

None of those features are available with the standard Facebook embed and they are some of the key reasons why brands embed Facebook Page feeds using tools like Flockler instead. Next, I’ll show you how easy creating a custom Facebook widget for your business is.

Facebook widget for any website

A Facebook carousel widget example

Here’s a three-step guide on how to embed a Facebook widget on any website:

  1. Add Facebook Page feeds (and other social media channels)
  2. Choose the Facebook widget layout
  3. Embed a Facebook widget on any website

1. Add Facebook Page feeds (and other social media channels)

If you don’t have a Flockler account yet, sign up for a 14-day free trial. You get free access to all features, and there’s no credit card needed when signing up.

Then, create your first live social feed. Our bot suggests the most common channels – get started with Facebook.

Choosing a social media source on the Flockler app

Facebook will ask you to connect your personal account. This connection avoids you having to fiddle around with the Facebook Page API and makes the installation easy for any non-technical users in your organisation. The connected account can be any personal account managing at least one Facebook Company Page. Note that the managed Page does not need to be the same as the one you want to show on the widget! Flockler won’t show anything from your personal account.

Now, choose if you’d like to show content from the Page you manage or any other Page.

Choosing a Facebook Page on the Flockler app
Instead of 'Flockler', you will see the Facebook Page(s) that you manage. You can choose 'Another Page' if you are looking to show a Page that you don’t manage.

If you select the page you manage, you can also show Page mentions and recommendations. If you are looking to embed just the Page timeline, you can choose 'Another page'.

Here, you can add the URL of the Page to the field to make it easier to find the right one.

Searching for the right Facebook Page on Flockler

Then, choose if you’d like to moderate content before showing anything on your website or if you'd rather let posts show automatically. Most Facebook widgets automatically update with new posts.

Moderating Facebook feed on the Flockler app

That’s it – you’ve created a Facebook feed that updates fresh content every 15 minutes! šŸŽ‰

With Flockler, you can combine multiple content sources in one place. For example, you might also like to collect Facebook reviews and recommendations from your customers or show Instagram feeds with your Facebook Page content. To add more content sources, navigate to the 'Automated Feeds' tab and click the 'Create a new feed' button. For more inspiration, check the supported social media feeds and sources that your team can put together.

If your organisation has multiple brands, or you organise seasonal hashtag campaigns over the year, you might want to show that content separately. Flockler’s sections allow you to categorise auto-updating content sources and create unique widgets for any website and digital service.

2. Choose the Facebook widget layout

Now that you have a Facebook feed updating with fresh content, it’s time to choose the Facebook widget layout.

Navigate to the 'Display' tab, where you can create unlimited widgets. Choose from four layouts: Wall, Grid, Carousel, and Slideshow.

Choose a Facebook widget layout

The Facebook widget fits any website and screen size without additional work and typically picks the font from your website. To further customize the look & feel, click the 'Edit style and settings' link.

Example of a Facebook widget embed code

You can, for example, hide elements and choose brand colours. If you need any advanced changes, you can add custom CSS. Also, don’t hesitate to ask Flockler developers for help with any styling questions and issues.

With Flockler, brands create unlimited widgets with a custom design. On Flockler’s 'Display' tab, click the 'Create a new layout' button to get a new embed code for another website, app, or digital screen. Your subscription doesn’t limit the number of services where the widget is displayed.

3. Embed a Facebook widget on any website

A Facebook widget example

The final step is to embed your Facebook widget html on any website. After creating the layout in step 2, you will get an embed code that you can add to any website or digital service.

Below, you will find step-by-step instructions on how to embed the Facebook feed widget on Squarespace, Wix, Webflow, WordPress and Elementor, Shopify, Drupal, and Joomla.

Facebook widget examples

Now that you’ve seen how easy it is to gather Facebook feeds and show them on any website, I’m sure you’d love to see some live Facebook widget examples.

I’ve picked out a few of my favourites below.

Facebook wall widget for New Zealand Black Caps

A Facebook widget for New Zealand Black Caps

New Zealand Black Caps is one of the many organisations with a custom designed Facebook widget. They use the purple brand colour on the wall layout and combine social media feeds from Facebook, Twitter, and Instagram on the homepage.

Facebook grid widget for Hapag-Lloyd Cruises

Hapag-Lloyd Cruises Facebook widget

Most hospitality and travel businesses show their social feeds front and centre on the homepage, and Hapag-Lloyd Cruises makes no exception. The social grid combines Facebook and Instagram feeds from the brand account and user-generated content campaigns from happy customers.

Facebook carousel widget for Da Vinci Engineering

A Facebook widget for Da Vinci Engineering’s website

Facebook widgets work well for B2B companies as well. Da Vinci Engineering is one of the many businesses that shows a Facebook carousel widget on the homepage. The carousel combines posts from Facebook, Instagram, and LinkedIn – it gives the website visitor direct access to the latest news and shows the people behind the brand as well.

Facebook slideshow widget for FIFA Museum

Facebook slideshow widget for FIFA museum

If you have a brick-and-mortar shop, tourism attraction, or office space, a social media feed for digital displays is a great way to make sure the latest news and campaigns are always visible to visitors. FIFA museum is one of the many public venues where a slideshow shows the latest posts from Facebook and Instagram. And to add to digital screens, the slideshow can be embedded as a single post slider on any website.

Embedding a Facebook widget on most popular website builders

A Facebook grid widget example

Below you’ll find step-by-step instructions on how to embed a Facebook widget on:

If you are using any other website builder and need help with the installation, don’t hesitate to send us a message via website’s live chat.

How to embed a Facebook feed widget on Squarespace

Note: you’ll need a Business plan for Squarespace to add any third-party widget.

Click to ‘Edit’ the page where you’d like to add the Facebook widget.

Next, go ahead and add an element to the page in the visual editor.  

Adding an element to Squarespace page

Click the + icon, and a set of options should open. Here, search and choose the ‘Code’ block.

Selecting a code block on the Squarespace editor

In the ‘Code’ block, check that you’ve got ‘HTML’ selected from the dropdown and that you have NOT selected ‘Display source’. Next, copy and paste Flockler’s Facebook widget code to the field from the 'Display tab. Then, click ‘Apply’.

Add Flockler’s embed code to Squarespace

Here you’ll notice the element saying ‘Script Disabled’. Don’t worry; that’s standard behaviour on Squarespace.

Script disabled on the Squarespace preview when a third-party widget has been added

Save changes and publish the changes to your site – the Facebook feed widget shows up on your Squarespace site!

Embedded Facebook widget on a Squarespace site

How to embed a Facebook widget on Wix

Below you’ll find instructions for both the Classic and ADI editors.

Add a Facebook widget to the (classic) Wix Editor

  1. Click the + button on the left, choose 'Embed' and then 'Embed a widget' from the available options. 
    Embed a widget on Wix
  2. Resize the element and click the 'Enter code' button. 
    Editing the widget code on Wix
  3. Navigate to Flockler’s ‘Display’ tab and copy and paste the Facebook widget’s code to Wix’s code editor. 
    Adding Flockler’s embed code to Wix
  4. Click the ‘Update’ button, and your Facebook widget appears on the page preview.
    Embed code added to Wix
  5. Click 'Publish', and the Facebook widget shows up on the live Wix page!

Add a Facebook widget to the Wix ADI editor

  1. Open the editor, click + icon on the page, and select the position where you’d like to display the Facebook widget. 
    Adding an element to the Wix ADI editor
  2. Select ‘HTML Embed’ and one of the ready templates. 
    Adding a HTML embed to Wix ADI
  3. Click ‘Settings’ next to HTML. 
    Editing HTML embed on Wix ADI
  4. Make sure you select ‘Website’ from the two embed types and add the ‘Preview’ URL of Flockler to the editor. You can find the ‘Preview’ URL from Flockler’s Display tab. Note that you can also change the width and height available for the Flockler layout. 
    Adding the Facebook widget to Wix ADI
  5. That’s it. Click 'Publish', and the Facebook widget appears on the Wix page!

How to embed a Facebook widget on Webflow

Note: You’ll need a paid Webflow plan to add any third-party widget.

In Webflow’s page editor, select an area where you’d like the Facebook feed to display. Then click the + icon, scroll down to the 'Components' part, and select the ‘Embed’ button. 

Addning an embed code to Webflow

After selecting the ‘Embed’ component, another editor opens up. Add the FB widget embed code from Flockler’s Display tab to the editor and save changes. 

Adding a Facebook widget html to Webflow

Then publish the changes to your site, and the Facebook feed widget shows up on your Webflow page!

How to embed a Facebook widget on WordPress and Elementor

For WordPress, we recommend downloading Flockler’s WordPress plugin. Then follow the steps introduced in this article, but instead of the Facebook widget html, you can click the 'WordPress' button on Flockler’s Display tab.

WordPress plugin link highlighted on the Flockler’s user interface

Below, you will find step-by-step tutorials for the Elementor, Gutenberg, and the Classic editor.

Add a Facebook widget to the Elementor page

  1. Add a new page on WordPress or edit an existing one.
  2. Click on Edit with the Elementor button.
  3. From the left, search for the HTML widget. 
    Adding a HTML element to the Elementor
  4. Drag and drop the HTML widget into your page where you’d like the Facebook widget to show up.
  5. A new set of editing tools on the left opens up.
  6. Copy and paste the Flockler plugin shortcode directly into the HTML Code field. 
    Adding a Facebook widget html to Elementor’s editor
  7. Update/Publish the Page.
  8. All sorted! You’ve now added an elegant Facebook widget to WordPress

Add a Facebook widget to the Gutenberg (Block) editor

  1. Open the Post or Page in the WordPress admin where you’d like to embed a Facebook widget
  2. Select “(+) Add Block” in the top left corner of the WordPress editing tools. 
  3. Next, search for the Custom HTML element and add it to your Page. 
    Adding custom html widget to WordPress
  4. Copy and paste a shortcode from Flockler’s Display tab to the element. 
    Adding Facebook widget html to WordPress
  5. Update/Publish changes to the WordPress Post/Page.
  6. That’s it. The beautiful Facebook feed widget shows up on the page!

Add a Facebook widget to the WordPress Classic editor

  1. Open the Post or Page in the WordPress admin where you want to add a Facebook widget.
  2. In the WordPress content editor, you’ll find options to use a Visual or Text mode. Choose the Text mode.
  3. Copy and paste the shortcode from Flockler’s Display tab to where you would like to display the Facebook feed on WordPress.
  4. Update/Publish changes to the WordPress Post/Page.
  5. All done! The Facebook widget shows up on your WordPress page.

How to embed a Facebook widget on Shopify

You can add a Facebook feed to the Shopify homepage, product and collection pages, or any individual page. Here are the various options in more detail.

Add a Facebook widget to the Shopify homepage

  1. To embed a Facebook widget on Shopify’s homepage, you need to edit the theme layout. Go to Themes, click ‘Actions’ and select ‘Edit code’. 
    Editing theme on Shopify
  2.  Go to 'Sections' and click 'Add a new section'. 
    Adding a new section to a Shopify theme
  3. Give it a name (e.g., flockler), and an editor opens up. 
    Give a name for the Shopify section
  4. In the editor, replace the Section name with "flockler".
    Editing the section code on Shopify
  5. Also, replace all after 'endschema' with Flockler’s embed code that you can find from Flockler’s Display tab. Save changes. 
    Editing Shopify’s section code
  6. Next, scroll up the list to 'Templates', and click 'index.json'. 
    Editing index.json on Shopify
  7. An editor opens, and you need to add the following section at the top: 
    "flockler": {
     "type": "flockler"
        },
  8. Scroll down the code editor, and you’ll find the order of homepage elements. Choose the right spot for Flockler and add it to the list.
    Choosing the order of elements for the Shopify elements
  9. Finally, save changes, and the Facebook widget appears on the Shopify homepage! 

Add a Facebook widget to all products and collection pages

You can follow the steps above if you’d like the Flockler embed code to show on all collections and product pages. Only now, edit either 'collection.json' or 'product.json' to define the layouts of your Shopify product pages or collections.

Add a Facebook widget to any individual Shopify page

Sometimes you’d like to add a Facebook widget to an individual page. For example, you might want to have a unique feed visible on a product page.

One option is to embed Flockler directly into the page content. From the text editor, click the ‘HTML button’. 

Content editor on Shopify

Then add Flockler anywhere in the text. 

Adding a Facebook widget embed code to Shopify

Publish changes, and the Facebook widget shows up on a Shopify page.

How to embed a Facebook widget on Drupal

Here we’ll show you two options:

  1. Add a Facebook widget to any Drupal article and page
  2. Add a Facebook widget to your Drupal homepage using the block element

1. Add a Facebook widget to any Drupal article and page

Navigate to the 'Content' section on Drupal and create a new article/page or edit one of the existing pages.

In the article editor, select the 'Full HTML' option from the dropdown, click the 'Source' button in the toolbar, and paste the widget’s embed code to the body field.

Adding a Facebook widget html to Drupal

Save changes, and the Facebook feed widget appears on a Drupal page.

2. Add a Facebook widget to your Drupal homepage using the block element

If you’ve been editing Drupal pages before, you are probably familiar with the concept of blocks. You can add block elements to any Drupal page.

Open Drupal’s site management, select Structure > Block layouts and click the 'Custom block library' tab. Next, click the '+ Add custom block' button.

Adding a custom block to Drupal

In the editor, give the block a name (e.g., Flockler widget). Make sure to select the 'Full HTML' option from the dropdown. Then click 'Source' in the toolbar and paste Flockler’s embed code to the Body field. Click to save changes.

Adding a Facebook widget to Drupal block

After that, navigate to the 'Block layout' view in Drupal and select where you’d like to add Flockler. For example, you could add it to the Content area. Then, click 'Place block'.

Selecting widget’s place on Drupal

Then select the block ('Flockler widget') you created earlier.

Selecting the block on Drupal

In the editor, you can select if the block's title is visible on your page and if there are any restrictions. For example, you could decide to restrict this element to show on a specific page.

Configuring the block on Drupal

After configuring your custom block, scroll down the page and click 'Save blocks' to save your changes.

Saving blocks on Drupal

That’s it! The Facebook widget now shows up in Drupal!

How to embed a Facebook widget on Joomla

Here, we will show you two different methods:

  1. Add a Facebook widget to all Joomla pages
  2. Add a Facebook widget to a single Joomla page

1. Add a Facebook widget to all Joomla pages

Joomla website developers can use Modules to display widgets on all pages. For example, you might want to display Facebook posts above the footer on every page.

In the Joomla management, click 'Extensions' and select 'Modules'. 

Then click the 'New' button. 

Adding a new module to Joomla

From the list, select 'Custom'.

Selecting a custom element on Joomla

Then click the 'Code' button in the toolbar.

Adding a code to Joomla

A window opens. Copy and paste the Instagram feed embed code from Flockler to the field and click 'Insert'.

Adding a Facebook widget code to Joomla

Give a title for the Module and select the position from the right. Here you might need your website developer's help to ensure the Module shows up on all pages and that the selected position is not in use for another purpose.

Selecting the widget position on Joomla’s editor

Finally, click 'Save & Close', and the Facebook feed is embedded on your Joomla website.

2. Add a Facebook widget to a single Joomla page

In the Joomla management, click 'Content', select 'Articles', and then click 'Add New Article'. 

Adding a new article on Joomla

Add a title for your post in the article editor, and then click the 'Code' button in the toolbar.

Adding an embed code to Joomla

A window opens with a field for the embed code. Go to Flockler’s Display tab and copy and paste the Facebook feed embed code into the field. Then click 'Insert'. 

Adding the Facebook widget embed code to Joomla

Then click 'Save & Close'. If you like, you can add the page to the site menu from Joomla’s menu editing tools.

And finally, a Facebook widget shows up on the Joomla page!