Want to share your blog posts or podcast episode pages with your friends and family with just one click? Use share buttons!

But then how would you add a dynamic social sharing button in your ontraport page? How do you dynamically generate the link?

Here is what my client is doing at Destination Morocco ( By the way, If you're looking for a trip to Morocco, get in touch with these guys! They will plan the whole thing for you and they are from Morocco and its a family run business. So check out Destination Morocco. )

Well, here is the code to add

<style>
  .share-buttons {
    display: flex;
    justify-content: center;
  }

  .share-button {
    display: flex;
    align-items: center;
    text-decoration: none;
    color: #000;
  }

  .share-button img {
    width: 50px;
    height: 50px;
  }

  .share-button span {
    margin-left: 8px;
  }
</style>

<div class="share-buttons" align='center'>
  
  <a href="https://www.facebook.com/sharer/sharer.php?u=[Page//Podcast page type URL]" class="share-button" target="_blank" rel="noopener noreferrer">
    <img src="https://cdn3.iconfinder.com/data/icons/social-networks-34/96/social___1-128.png" alt="Facebook icon">
    
  </a>
  
  
    <a href="https://twitter.com/intent/tweet?url=[Page//Podcast page type URL]&text=TITLE" class="share-button" target="_blank" rel="noopener noreferrer">
    <img src="https://cdn3.iconfinder.com/data/icons/social-networks-34/96/social-09-128.png" alt="Twitter icon">
    
  </a>
  
  

  <a href="https://pinterest.com/pin/create/button/?url=[Page//Podcast page type URL]&description=[Page//Post Title]" class="share-button" target="_blank" rel="noopener noreferrer">
    <img src="https://cdn3.iconfinder.com/data/icons/social-networks-34/96/social-12-128.png" alt="Pinterest icon">
    
  </a>
  
  
  <a href="https://api.whatsapp.com/send?text=[Page//Podcast page type URL]" class="share-button" target="_blank" rel="noopener noreferrer">
    <img src="https://cdn3.iconfinder.com/data/icons/social-networks-34/96/social-18-128.png" alt="Whatsapp icon">
    
  </a>
 
  <a href="https://www.reddit.com/submit?url=[Page//Podcast page type URL]&title=[Page//Post Title]" class="share-button" target="_blank" rel="noopener noreferrer">
  <img src="https://cdn3.iconfinder.com/data/icons/social-networks-34/96/social-08-128.png" alt="Reddit icon">
    
  </a>
  
  <a href="https://www.linkedin.com/shareArticle?mini=true&url=[Page//Podcast page type URL]&title=[Page//Post Title]&summary=[Page//Short Post Description]" class="share-button" target="_blank" rel="noopener noreferrer">
  <img src="https://cdn3.iconfinder.com/data/icons/social-networks-34/96/social-11-128.png" alt="Linkedin icon">
    
  </a>
  
</div>

You just need to update your dynamic post link based on how you have set it up under your Ontraport dynamic template settings.

Hope this is helpful.