campaign test

Shares

Iframe card

<iframe src="https://www.buenacausa.org/embed-widget/?id=5384&#038;style=card" width="380px" height="560px" scrolling="auto" frameborder="0"></iframe>

Copy

HTML card

Copy

Iframe share

<iframe src="https://www.buenacausa.org/embed-widget/?id=5384&#038;style=share" width="500px" height="320px" scrolling="auto" frameborder="0"></iframe>

HTML share

<div id="campaign-share" class="campaign-share" style="font-family: system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Ubuntu,Cantarell,Oxygen,Roboto,Helvetica,Arial,sans-serif; width: 100%; font-size: 1rem;">
	<div class="campaign-form" style="font-family: system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Ubuntu,Cantarell,Oxygen,Roboto,Helvetica,Arial,sans-serif; font-size: 1rem; position: relative; max-width: 100%;">
    <div class="campaign-field" style="font-family: system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Ubuntu,Cantarell,Oxygen,Roboto,Helvetica,Arial,sans-serif; font-size: 1rem; clear: both; margin: 0 0 1em;">
      <div class="campaign-label" style="font-family: system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Ubuntu,Cantarell,Oxygen,Roboto,Helvetica,Arial,sans-serif; font-size: 1rem; border: 1px solid rgba(34,36,38,.08); border-radius: 6px; margin-top: 0; margin-bottom: 1em; position: relative; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; background: none #fff; color: rgba(0,0,0,.87); -webkit-box-shadow: none; box-shadow: none; display: inline-block; line-height: 1; vertical-align: baseline; padding: 0.5833em 0.833em;">
        <div class="share-preview">
              <img decoding="async" class="thumbnail" id="thumbnail" src="" alt="" style="float: left; margin-right: 1em; margin-bottom: 0; border-radius: 12px; width: 80px; height: auto;">
              <span style="font-family: system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Ubuntu,Cantarell,Oxygen,Roboto,Helvetica,Arial,sans-serif; font-weight: bold; font-size: 1.2rem; line-height: 1.6rem; color: #111111;"></span>
        </div>
        <span class="pointing" style="bottom: auto; top: 100%; margin-top: -5px; border-width: 0 1px 1px 0; border-color: rgba(34,36,38,.08); right: auto; left: 50%; position: absolute; content: ''; -webkit-transform: rotate(45deg); transform: rotate(45deg); background-image: none; z-index: 2; width: 0.6666em; height: 0.6666em; -webkit-transition: background .1s ease; transition: background .1s ease; border-style: solid; background-color: inherit;"></span>
      </div>
      <a href="https://www.facebook.com/sharer/sharer.php?u=&amp;t=" class="primary-share-button campaign-icon" target="_blank" style="font-family: system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Ubuntu,Cantarell,Oxygen,Roboto,Helvetica,Arial,sans-serif; font-size: 1.1rem; width: 100%; display: block; border: none; vertical-align: baseline; color: #fff; background-color: #ED002F; margin-bottom: 16px; margin: 0 0.25em 0 0; padding: 0.78571429em 0 0.78571429em; font-weight: 700; line-height: 1em; font-style: normal; text-align: center; text-decoration: none; border-radius: 10px;">
            <img src="https://www.buenacausa.org/wp-content/themes/campoal/images/social/share-primary-facebook.png" alt="SVG Image" style="margin: 0 0.6rem -0.2rem 0; width: 1.1em; height: 1.1em; opacity: .8; display: inline-block; vertical-align: baseline !important;">
			Share on Facebook
      </a>
    </div>
  </div>
  <div class="campaign-divider"></div>
  <div class="campaign-grid nine column social-buttons" style="display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; padding: 0; margin: 2rem 0;">
    <div class="column" style="width: 14.2857142857%;">
      <a href="mailto://?subject=Te%20invito%20a%20que%20sumes%20tu%20voz%20a%20%C3%A9sta%20iniciativa:%20&amp;body=Dear%20Friend,%0D%0A%0D%0A%20%0D%0A%0D%0AI%20hope%20this%20email%20finds%20you%20well.%20I%20am%20writing%20to%20personally%20invite%20you%20to%20join%20me%20in%20an%20important%20cause%20by%20signing%20the%20petition%20titled%20.%20We%20have%20an%20opportunity%20to%20make%20a%20real%20difference%20and%20influence%20the%20decision-maker,%20,%20to%20take%20action.%0D%0A%0D%0A%20%0D%0A%0D%0AThe%20issue%20at%20hand%20is%20of%20great%20significance,%20and%20our%20collective%20efforts%20can%20bring%20about%20positive%20change.%20As%20concerned%20citizens,%20we%20have%20the%20power%20to%20voice%20our%20opinions%20and%20shape%20the%20future%20we%20want%20to%20see.%20Currently,%20the%20petition%20has%20garnered%200%20signatures,%20demonstrating%20the%20growing%20support%20for%20this%20cause.%0D%0A%0D%0A%20%0D%0A%0D%0AI%20believe%20that%20with%20your%20support,%20we%20can%20amplify%20our%20message%20and%20make%20an%20even%20greater%20impact.%20Your%20signature%20will%20add%20weight%20to%20our%20cause%20and%20strengthen%20our%20plea%20for%20%20to%20take%20the%20necessary%20steps%20to%20address%20the%20issue.%0D%0A%0D%0A%20%0D%0A%0D%0ATo%20sign%20the%20petition,%20please%20click%20on%20the%20following%20link:%20.%0D%0A%0D%0A%20%0D%0A%0D%0AIt%20will%20only%20take%20a%20moment%20of%20your%20time,%20but%20the%20impact%20we%20can%20make%20together%20is%20immeasurable.%0D%0A%0D%0A%20%0D%0A%0D%0AI%20sincerely%20appreciate%20your%20dedication%20and%20commitment%20to%20creating%20positive%20change.%20Together,%20we%20can%20raise%20awareness%20and%20work%20towards%20achieving%20our%20common%20goals.%20Feel%20free%20to%20share%20this%20email%20and%20the%20petition%20with%20others%20who%20might%20also%20be%20interested%20in%20lending%20their%20support.%0D%0A%0D%0A%20%0D%0A%0D%0AThank%20you%20for%20considering%20my%20invitation.%20Your%20support%20means%20a%20lot%20to%20me%20and%20to%20the%20cause%20we%20are%20fighting%20for.%0D%0A%0D%0A%20%0D%0A%0D%0ABest%20regards,%0D%0A%0D%0A%0D%0AYour%20friend" class="campaign-button basic icon button send-email tooltip" style="width: 100%; border: 1px solid rgba(34,36,38,.15); vertical-align: baseline; margin: 0 0.25em 0 0; line-height: 1em; font-style: normal; text-align: center; text-decoration: none; padding: 0.78571429em 0.78571429em 0.78571429em; background: transparent none!important; color: #111111 !important; font-weight: 400; border-radius: 10px; text-transform: none; text-shadow: none!important;">
            <img src="https://www.buenacausa.org/wp-content/themes/campoal/images/social/share-mail.png" style="margin: 0 0 -0.1rem 0; width: 1.2em; height: 1.2em; display: inline-block; vertical-align: baseline !important;">
      </a>
    </div>
	<div class="column" style="width: 14.2857142857%;">
       <a href="https://mail.google.com/mail/u/0/?to&amp;su=Te%20invito%20a%20que%20sumes%20tu%20voz%20a%20%C3%A9sta%20iniciativa:%20&amp;body=Dear%20Friend,%0D%0A%0D%0A%20%0D%0A%0D%0AI%20hope%20this%20email%20finds%20you%20well.%20I%20am%20writing%20to%20personally%20invite%20you%20to%20join%20me%20in%20an%20important%20cause%20by%20signing%20the%20petition%20titled%20.%20We%20have%20an%20opportunity%20to%20make%20a%20real%20difference%20and%20influence%20the%20decision-maker,%20,%20to%20take%20action.%0D%0A%0D%0A%20%0D%0A%0D%0AThe%20issue%20at%20hand%20is%20of%20great%20significance,%20and%20our%20collective%20efforts%20can%20bring%20about%20positive%20change.%20As%20concerned%20citizens,%20we%20have%20the%20power%20to%20voice%20our%20opinions%20and%20shape%20the%20future%20we%20want%20to%20see.%20Currently,%20the%20petition%20has%20garnered%200%20signatures,%20demonstrating%20the%20growing%20support%20for%20this%20cause.%0D%0A%0D%0A%20%0D%0A%0D%0AI%20believe%20that%20with%20your%20support,%20we%20can%20amplify%20our%20message%20and%20make%20an%20even%20greater%20impact.%20Your%20signature%20will%20add%20weight%20to%20our%20cause%20and%20strengthen%20our%20plea%20for%20%20to%20take%20the%20necessary%20steps%20to%20address%20the%20issue.%0D%0A%0D%0A%20%0D%0A%0D%0ATo%20sign%20the%20petition,%20please%20click%20on%20the%20following%20link:%20.%0D%0A%0D%0A%20%0D%0A%0D%0AIt%20will%20only%20take%20a%20moment%20of%20your%20time,%20but%20the%20impact%20we%20can%20make%20together%20is%20immeasurable.%0D%0A%0D%0A%20%0D%0A%0D%0AI%20sincerely%20appreciate%20your%20dedication%20and%20commitment%20to%20creating%20positive%20change.%20Together,%20we%20can%20raise%20awareness%20and%20work%20towards%20achieving%20our%20common%20goals.%20Feel%20free%20to%20share%20this%20email%20and%20the%20petition%20with%20others%20who%20might%20also%20be%20interested%20in%20lending%20their%20support.%0D%0A%0D%0A%20%0D%0A%0D%0AThank%20you%20for%20considering%20my%20invitation.%20Your%20support%20means%20a%20lot%20to%20me%20and%20to%20the%20cause%20we%20are%20fighting%20for.%0D%0A%0D%0A%20%0D%0A%0D%0ABest%20regards,%0D%0A%0D%0A%0D%0AYour%20friend&amp;bcc&amp;cc&amp;fs=1&amp;tf=cm" class="campaign-button basic icon button send-message tooltip" target="_blank" style="width: 100%; border: 1px solid rgba(34,36,38,.15); vertical-align: baseline; margin: 0 0.25em 0 0; line-height: 1em; font-style: normal; text-align: center; text-decoration: none; padding: 0.78571429em 0.78571429em 0.78571429em; background: transparent none!important; color: #111111 !important; font-weight: 400; border-radius: 10px; text-transform: none; text-shadow: none!important;">
             <img src="https://www.buenacausa.org/wp-content/themes/campoal/images/social/share-gmail.png" style="margin: 0 0 -0.1rem 0; width: 1.2em; height: 1.2em; display: inline-block; vertical-align: baseline !important;">
      </a>   
    </div>
    <div class="column" style="width: 14.2857142857%;">
      <a href="https://www.facebook.com/sharer/sharer.php?u=&amp;t=" class="campaign-button basic icon button share-facebook tooltip" target="_blank" style="width: 100%; border: 1px solid rgba(34,36,38,.15); vertical-align: baseline; margin: 0 0.25em 0 0; line-height: 1em; font-style: normal; text-align: center; text-decoration: none; padding: 0.78571429em 0.78571429em 0.78571429em; background: transparent none!important; color: #111111 !important; font-weight: 400; border-radius: 10px; text-transform: none; text-shadow: none!important;">
            <img src="https://www.buenacausa.org/wp-content/themes/campoal/images/social/share-facebook.png" style="margin: 0 0 -0.1rem 0; width: 1.2em; height: 1.2em; display: inline-block; vertical-align: baseline !important;">
       </a>
    </div>
    <div class="column" style="width: 14.2857142857%;">
      <a href="//twitter.com/share?url=&amp;text=" class="campaign-button basic icon button share-twitter tooltip" target="_blank" style="width: 100%; border: 1px solid rgba(34,36,38,.15); vertical-align: baseline; margin: 0 0.25em 0 0; line-height: 1em; font-style: normal; text-align: center; text-decoration: none; padding: 0.78571429em 0.78571429em 0.78571429em; background: transparent none!important; color: #111111 !important; font-weight: 400; border-radius: 10px; text-transform: none; text-shadow: none!important;">
             <img src="https://www.buenacausa.org/wp-content/themes/campoal/images/social/share-twitter.png" style="margin: 0 0 -0.1rem 0; width: 1.2em; height: 1.2em; display: inline-block; vertical-align: baseline !important;">
       </a>
    </div>
    <div class="column" style="width: 14.2857142857%;">
      <a href="//t.me/share/url?url=&amp;text=" class="campaign-button basic icon button send-telegram tooltip" target="_blank" style="width: 100%; border: 1px solid rgba(34,36,38,.15); vertical-align: baseline; margin: 0 0.25em 0 0; line-height: 1em; font-style: normal; text-align: center; text-decoration: none; padding: 0.78571429em 0.78571429em 0.78571429em; background: transparent none!important; color: #111111 !important; font-weight: 400; border-radius: 10px; text-transform: none; text-shadow: none!important;">
             <img src="https://www.buenacausa.org/wp-content/themes/campoal/images/social/share-telegram.png" style="margin: 0 0 -0.1rem 0; width: 1.2em; height: 1.2em; display: inline-block; vertical-align: baseline !important;">
      </a> 
    </div>
    <div class="column" style="width: 14.2857142857%;">
      <a href="//api.whatsapp.com/send?phone=&amp;text=%C2%A0" class="campaign-button basic icon button send-whatsapp tooltip" target="_blank" style="width: 100%; border: 1px solid rgba(34,36,38,.15); vertical-align: baseline; margin: 0 0.25em 0 0; line-height: 1em; font-style: normal; text-align: center; text-decoration: none; padding: 0.78571429em 0.78571429em 0.78571429em; background: transparent none!important; color: #111111 !important; font-weight: 400; border-radius: 10px; text-transform: none; text-shadow: none!important;">
             <img src="https://www.buenacausa.org/wp-content/themes/campoal/images/social/share-whatsapp.png" style="margin: 0 0 -0.1rem 0; width: 1.2em; height: 1.2em; display: inline-block; vertical-align: baseline !important;">
      </a>
    </div>
    <div class="column" style="width: 14.2857142857%;">
       <a href="//www.linkedin.com/shareArticle?mini=true&amp;url=&amp;title=" class="campaign-button basic icon button share-linkedin tooltip" target="_blank" style="width: 100%; border: 1px solid rgba(34,36,38,.15); vertical-align: baseline; margin: 0 0.25em 0 0; line-height: 1em; font-style: normal; text-align: center; text-decoration: none; padding: 0.78571429em 0.78571429em 0.78571429em; background: transparent none!important; color: #111111 !important; font-weight: 400; border-radius: 10px; text-transform: none; text-shadow: none!important;">
             <img src="https://www.buenacausa.org/wp-content/themes/campoal/images/social/share-linkedin.png" style="margin: 0 0 -0.1rem 0; width: 1.2em; height: 1.2em; display: inline-block; vertical-align: baseline !important;">
      </a>   
    </div>
  </div>
  <div class="campaign-divider"></div>
  <div class="campaign-link-input" style="font-family: system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Ubuntu,Cantarell,Oxygen,Roboto,Helvetica,Arial,sans-serif; font-size: 1rem; padding-right: 1em!important; margin: 0; max-width: 100%; flex: 1 0 auto; outline: 0; text-align: left; line-height: 1.4em; padding: 0.67857143em 1em; background: #fff; border: 1px solid rgba(34,36,38,.15); color: rgba(0,0,0,.87); border-radius: 12px;">
  		<img class="input-icon" src="https://www.buenacausa.org/wp-content/themes/campoal/images/social/share-link.png" style="width: 1.1em; height: 1.1em; font-size: 1em; display: inline-block; vertical-align: baseline !important; left: 12px; cursor: default; line-height: 1; text-align: center; top: 14px; right: 0; margin: 0; opacity: .5;">
        <input class="input" value="" readonly style="display: inline-block; font-family: system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Ubuntu,Cantarell,Oxygen,Roboto,Helvetica,Arial,sans-serif; font-size: 1rem; background: #fff; width: 90%; border: none; text-align: left; line-height: 1.4em; color: rgba(0,0,0,.87);">
  </div>
</div>

Close

I'm done!

campaign test

Updates

Share this campaign

Embed Campaign