[Anonymous]

I’d like to embed a file download plugin inside of a multi-step form. The goal is to use an email address to access gated content which consists of almost 100 PDF files, categorized and tracked by user download. I’m unfamiliar with creating shortcodes, if this is possible, and/or how to do it if it is. The plugin is called WP File Download. I’ve attached screenshots of the app’s module, the inspector code, as well copy/pasted the HTML below. Please let me know your thoughts on the possibility and any help explaining the steps or links to documentation. Thank you!

Sample page using the plugin: https://boelte.com/trash-me/
https://ibb.co/ggCwrDM
https://ibb.co/L96TWQq
https://ibb.co/DWvy5BG

<div class="et_pb_module divi_wpfd_file_category divi_wpfd_file_category_1">
				
				
				
				
				<div class="et_pb_module_inner">
					<div class="wpfd-content wpfd-content-default wpfd-content-multi" data-category="502"><input type="hidden" id="current_category_502" value="502" />                    <input type="hidden" id="current_category_slug_502" value="main-directory" />                    <input type="hidden" id="current_ordering_502" value="title" />                    <input type="hidden" id="current_ordering_direction_502" value="desc" />                    <input type="hidden" id="page_limit_502" value="100" /><input type="hidden" id="wpfd_display_empty_category_message" value="0" /><input type="hidden" id="wpfd_empty_category_message_val" value="This file category has no files to display" /><input type="hidden" id="wpfd_display_empty_folder" value="1" /><input type="hidden" id="wpfd_is_empty_subcategories" value="1" /><input type="hidden" id="wpfd_is_empty_files" value="1" /><a data-catid=""                       class="default-download-category display-download-category"                       href="https://boelte.com/download/wpfdcat/502/main-directory">Download all                         <i class="zmdi zmdi-check-all wpfd-download-category"></i>                    </a>    <script type="text/x-handlebars-template" class="wpfd-template-categories">        <div class="wpfd-categories ">{{#if category}}{{#with category}}<h2>{{name}}</h2>{{#if parent}}<a class="catlink backcategory" href="#" data-idcat="{{parent}}">                        <i class="zmdi zmdi-chevron-left"></i><span>Back</span></a>{{/if}}{{/with}}{{/if}}{{#if category.desc}}<div class="wpfd-category-desc">{{category.desc}}</div>{{/if}}{{#if categories}}{{#each categories}}<a class="wpfdcategory catlink" style="margin : 10px 10px 10px 10px;" href="#" data-idcat="{{term_id}}" title="{{name}}">                                <span>{{name}}</span><i class="zmdi zmdi-folder wpfd-folder"></i>                            </a>{{/each}}{{/if}}<div class="wpfdcategory_placeholder" style="margin : 0 10px 0 10px;"></div><div class="wpfdcategory_placeholder" style="margin : 0 10px 0 10px;"></div><div class="wpfdcategory_placeholder" style="margin : 0 10px 0 10px;"></div></div>    </script>    <script type="text/x-handlebars-template" class="wpfd-template-files">        {{#if files }}        <div class="wpfd_list">            {{#each files}}            <div class="file" style="margin : 10px 10px 10px 10px;" data-id="{{ID}}" data-catid="{{catid}}">                <div class="filecontent">                    {{#if file_custom_icon}}                    <div class="icon-custom"><img src="{{file_custom_icon}}" /></div>                    {{else}}                    <div class="ext ext-{{ext}} wpfd-icon-set-svg"><span class="txt">{{ext}}</span></div>                    {{/if}}<h3><label class="wpfd_checkbox"><input class="cbox_file_download" type="checkbox" data-id="{{ID}}" /><span></span></label><a href="{{linkdownload}}"  class="wpfd_downloadlink" title="{{post_title}}">{{{crop_title}}}</a></h3>                    <div class="file-xinfo">                                            </div>                </div>                <span class="file-right">                    <a class="downloadlink wpfd_downloadlink"  href="{{linkdownload}}" style="background-color:#9b14b4;color:#ffffff;">Download<i class="zmdi zmdi-cloud-download wpfd-download"></i></a>{{#if openpdflink}}<a class="openlink wpfdlightbox wpfd_previewlink" href="{{openpdflink}}" target="">Preview                            <i class="zmdi zmdi-filter-center-focus wpfd-preview"></i>                        </a>{{else}}{{#if viewerlink}}<a                            href="{{viewerlink}}"                            class="openlink wpfdlightbox wpfd_previewlink"                            target=""                            data-id="{{ID}}"                            data-catid="{{catid}}"                            data-file-type="{{ext}}">Preview<i class="zmdi zmdi-filter-center-focus wpfd-preview"></i>                        </a>{{/if}}{{/if}}                </span>            </div>            {{/each}}            <div class="file flex_span" style="margin : 10px 10px 10px 10px;"></div>        </div>        {{/if}}    </script><div class="wpfd-container show_category_title show_subcategories">    <div class="wpfd-foldertree wpfd-foldertree-default foldertree-hide"></div>    <div class="wpfd-open-tree"></div>    <div class="wpfd-container-default  with_foldertree">        <div class="wpfd-categories "><h2>Main Directory</h2><div class="wpfd-category-desc"></div><a class="wpfdcategory catlink" style="margin : 10px 10px 10px 10px;" href="#"                                   data-idcat="492"                                   title="Industry Expertise">                                    <span>Industry Expertise</span>                                    <i class="zmdi zmdi-folder wpfd-folder"></i>                                </a><a class="wpfdcategory catlink" style="margin : 10px 10px 10px 10px;" href="#"                                   data-idcat="493"                                   title="Services">                                    <span>Services</span>                                    <i class="zmdi zmdi-folder wpfd-folder"></i>                                </a><a class="wpfdcategory catlink" style="margin : 10px 10px 10px 10px;" href="#"                                   data-idcat="491"                                   title="Innovative Risk Solutions">                                    <span>Innovative Risk Solutions</span>                                    <i class="zmdi zmdi-folder wpfd-folder"></i>                                </a><a class="wpfdcategory catlink" style="margin : 10px 10px 10px 10px;" href="#"                                   data-idcat="489"                                   title="Corporate Solutions - General">                                    <span>Corporate Solutions - General</span>                                    <i class="zmdi zmdi-folder wpfd-folder"></i>                                </a><a class="wpfdcategory catlink" style="margin : 10px 10px 10px 10px;" href="#"                                   data-idcat="490"                                   title="International Business">                                    <span>International Business</span>                                    <i class="zmdi zmdi-folder wpfd-folder"></i>                                </a><a class="wpfdcategory catlink" style="margin : 10px 10px 10px 10px;" href="#"                                   data-idcat="501"                                   title="Swiss Re Publications - Institute">                                    <span>Swiss Re Publications - Institute</span>                                    <i class="zmdi zmdi-folder wpfd-folder"></i>                                </a><a class="wpfdcategory catlink" style="margin : 10px 10px 10px 10px;" href="#"                                   data-idcat="500"                                   title="Deutschland">                                    <span>Deutschland</span>                                    <i class="zmdi zmdi-folder wpfd-folder"></i>                                </a><a class="wpfdcategory catlink" style="margin : 10px 10px 10px 10px;" href="#"                                   data-idcat="499"                                   title="Risk Engineering">                                    <span>Risk Engineering</span>                                    <i class="zmdi zmdi-folder wpfd-folder"></i>                                </a><a class="wpfdcategory catlink" style="margin : 10px 10px 10px 10px;" href="#"                                   data-idcat="497"                                   title="Engineering & Construction">                                    <span>Engineering & Construction</span>                                    <i class="zmdi zmdi-folder wpfd-folder"></i>                                </a><a class="wpfdcategory catlink" style="margin : 10px 10px 10px 10px;" href="#"                                   data-idcat="498"                                   title="Financial & Professional Liability">                                    <span>Financial & Professional Liability</span>                                    <i class="zmdi zmdi-folder wpfd-folder"></i>                                </a><a class="wpfdcategory catlink" style="margin : 10px 10px 10px 10px;" href="#"                                   data-idcat="496"                                   title="Energy">                                    <span>Energy</span>                                    <i class="zmdi zmdi-folder wpfd-folder"></i>                                </a><a class="wpfdcategory catlink" style="margin : 10px 10px 10px 10px;" href="#"                                   data-idcat="495"                                   title="Cyber">                                    <span>Cyber</span>                                    <i class="zmdi zmdi-folder wpfd-folder"></i>                                </a><a class="wpfdcategory catlink" style="margin : 10px 10px 10px 10px;" href="#"                                   data-idcat="494"                                   title="Credit, Surety, & Political Risk">                                    <span>Credit, Surety, & Political Risk</span>                                    <i class="zmdi zmdi-folder wpfd-folder"></i>                                </a><div class="wpfdcategory_placeholder" style="margin : 0 10px 0 10px;"></div><div class="wpfdcategory_placeholder" style="margin : 0 10px 0 10px;"></div><div class="wpfdcategory_placeholder" style="margin : 0 10px 0 10px;"></div><input type="hidden" id="wpfd_subcategories_hover_color" class="wpfd_subcategories_hover_color" value="" /></div>                                                    </div></div></div>
				</div>
			</div>
			</div>

[Aakash Chakravarthy]

Hi,

With Shortcoder plugin, you can create “shortcodes” for frequently used HTML/CSS/JS so that you can reuse.

Instead of copy pasting the a huge code you can instead use the shortcode.

If you can set any HTML/CSS/JS as “shortcode content” then shortcoder plugin will work for you.

Thanks,
Aakash

[Author]

Posts