add social media link and icons

[odabio]

Hi everyone

I’m trying to add social media icons ( Facebook, LinkedIn, Instagram, YouTube an Pinterest), just like the picture below.

I want to add the icons in the footer which is a experience fragment.

I want to be able to configure the links on each icon, so when a user clicks on each icon he can be redirected to that social media page.

Thanks in advance

[SantoshSai]

Hi @odabio 

You can use Icon Picker to implement it.

https://adobe-consulting-services.github.io/acs-aem-commons/features/ui-widgets/icon-picker/index.ht...

Regards,

Santosh

https://www.techinnovia.com/blog/

[Vijayalakshmi_S · Accepted solution]

Hi @odabio,

You can consider one of the below two options

• Extend OOTB Button component (Need to have a means to locate the image/icons from DAM and amend HTL accordingly. You can extend along the similar lines as in the below blog ) 
  • https://jimfrenette.com/aem/components/button-component/
  • In XF, within a dedicated layout container for social media icons, add button component for as many links you have.
• Completely custom - Multifield component with each set having two fields, one to locate image and other to provide link and respective rendering logic.