Adding a drop-down list of designation options to Salsa donation pages

10:25 AM Mar 01, 2011

Salsa's donation pages have a built-in Designation Code option that will provide an open-ended text box allowing donors to designate a program or campaign to support.

While a write-in text box is useful for many, others may want to provide a pre-set list of campaigns from which donors can choose. 

This can be accomplished by pasting some custom HTML in the "Pre-Donation Text" area of a donation page (which is located in the "Optional Text" tab of a donation page workflow). First, click the "Source" button--which will provide access to the code-level of the text box:

Then, you can customize and insert the following sample code:

<div class="formRow"><label for="desgination-code">I would like my contribution to support the following campaign</label>
<span class="input"> <select name="Designation_Code" id="desgination-code" value="" class="blockInput">
<option value="Campaign for Humanity">Campaign for Humanity</option>
<option value="Humans in Action">Humans in Action</option>
<option value="General Fund">General Fund</option>
</select> </span></div>

This code will provide a dropdown menu of campaign options and a label. The value saved for each option can be customized to match your own campaigns. You just need to change value="Campaign for Humanity" to value="Your Campaign". The option your donors are given is the text just before . If you want to add more choices, you can add additional tags with custom values and labels.

When a donor donates, the Designation Code value will be saved in the donation record here:

Add a comment

— 04:28 AM Dec 03, 2020

A kalite hizmet % 100 müşteri memnuniyetli, uzman profesyonel rehber kadrosu, yabancı dil tecrübesi ile konuklarımıza üst düzey konfor sunmaktayız.<br />
We offer a high level of comfort to our guests with a quality service, 100% customer satisfaction, expert professional guide staff and foreign language experience.<br />
<a href="https://www.rizetours.com/">https://www.rizetours.com/</a><br />
<a href="https://www.rizetours.com/">Rize Tours » Rize Günübirlik Turlar – Rize Yayla Turları</a><br />
<a href="https://www.rizetours.com/category/gezi-turlari">Gezi Turları</a><br />
<a href="https://www.rizetours.com/category/kultur-turlari">Kültür Turları</a><br />
<a href="https://www.rizetours.com/ayder-turu.html">Ayder Turu</a><br />
<a href="https://www.rizetours.com/batum-turu.html">Batum Turu</a><br />
<a href="https://www.rizetours.com/uzungol-turu.html">Uzungöl Turu</a><br />
<a href="https://www.rizetours.com/borcka-karagol-turu.html">Borçka Karagöl Turu</a><br />
<a href="https://www.rizetours.com/pokut-sal-yaylasi-turu.html">Pokut Sal Yaylası Turu</a><br />
<a href="https://www.rizetours.com/gito-badara-yaylasi-turu.html">Gito Badara Yaylası Turu</a><br />
<a href="https://www.rizetours.com/huser-yaylasi-turu.html">Huser Yaylası Turu</a><br />
<a href="https://www.rizetours.com/elevit-yayla-turu.html">Elevit Yayla Turu</a><br />
<a href="https://www.rizetours.com/konaklamali-tiflis-turu.html">Konaklamalı Tiflis Turu</a><br />
<a href="https://www.rizetours.com/rize-konaklama">Rize Konaklama</a><br />
<a href="https://www.rizetours.com/hakkimizda">Hakkımızda</a><br />
<a href="https://www.rizetours.com/havas-saatleri">Rize Havaş Saatleri</a><br />
<a href="https://www.rizetours.com/iletisim">İletişim</a>