View file File name : help.php Content :<?php /** * Form Builder Help Screen template. * * @since 1.6.3 * * @var array $settings Help Screen settings. */ if ( ! defined( 'ABSPATH' ) ) { exit; } $times_svg = '<svg width="1792" height="1792" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M1490 1322q0 40-28 68l-136 136q-28 28-68 28t-68-28l-294-294-294 294q-28 28-68 28t-68-28l-136-136q-28-28-28-68t28-68l294-294-294-294q-28-28-28-68t28-68l136-136q28-28 68-28t68 28l294 294 294-294q28-28 68-28t68 28l136 136q28 28 28 68t-28 68l-294 294 294 294q28 28 28 68z"/></svg>'; $url_parameters = add_query_arg( [ 'utm_campaign' => wpforms()->is_pro() ? 'plugin' : 'liteplugin', 'utm_source' => 'WordPress', 'utm_medium' => rawurlencode( 'Builder Help Modal' ), 'utm_content' => '', ], '' ); $links_utm_medium = 'Builder Help Modal'; ?> <div id="wpforms-builder-help" style="display: none; opacity: 0;" class="wpforms-admin-page"> <img id="wpforms-builder-help-logo" src="<?php echo esc_url( WPFORMS_PLUGIN_URL . 'assets/images/sullie-alt.png' ); ?>" title="<?php esc_attr_e( 'Sullie the WPForms mascot', 'wpforms-lite' ); ?>" alt="WPForms Logo"> <div id="wpforms-builder-help-close" title="<?php esc_attr_e( 'Close', 'wpforms-lite' ); ?>"> <?php echo $times_svg; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?> </div> <div id="wpforms-builder-help-content"> <div id="wpforms-builder-help-search"> <input type="text" placeholder="<?php esc_attr_e( 'Ask a question or search the docs...', 'wpforms-lite' ); ?>"> <div id="wpforms-builder-help-search-clear" title="<?php esc_attr_e( 'Clear', 'wpforms-lite' ); ?>"> <?php echo $times_svg; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?> </div> </div> <div id="wpforms-builder-help-no-result" style="display: none;"> <ul class="wpforms-builder-help-docs"> <li> <i class="fa fa-info-circle"></i><span><?php esc_html_e( 'No docs found', 'wpforms-lite' ); ?></span> </li> </ul> </div> <div id="wpforms-builder-help-result"></div> <div id="wpforms-builder-help-categories"></div> <div id="wpforms-builder-help-footer"> <div class="wpforms-builder-help-footer-block"> <i class="fa fa-file-text-o"></i> <h3><?php esc_html_e( 'View Documentation', 'wpforms-lite' ); ?></h3> <p><?php esc_html_e( 'Browse documentation, reference material, and tutorials for WPForms.', 'wpforms-lite' ); ?></p> <a href="<?php echo esc_url( wpforms_utm_link( $settings['docs_url'], $links_utm_medium, 'View Documentation' ) ); ?>" class="wpforms-btn wpforms-btn-md wpforms-btn-light-grey" rel="noopener noreferrer" target="_blank"> <?php esc_html_e( 'View All Documentation', 'wpforms-lite' ); ?> </a> </div> <div class="wpforms-builder-help-footer-block"> <i class="fa fa-support"></i> <h3><?php esc_html_e( 'Get Support', 'wpforms-lite' ); ?></h3> <?php if ( wpforms()->is_pro() ) { ?> <p><?php esc_html_e( 'Submit a ticket and our world class support team will be in touch soon.', 'wpforms-lite' ); ?></p> <a href="<?php echo esc_url( wpforms_utm_link( $settings['support_ticket_url'], $links_utm_medium, 'Contact Support' ) ); ?>" class="wpforms-btn wpforms-btn-md wpforms-btn-light-grey" rel="noopener noreferrer" target="_blank"> <?php esc_html_e( 'Submit a Support Ticket', 'wpforms-lite' ); ?> </a> <?php } else { ?> <p><?php esc_html_e( 'Upgrade to WPForms Pro to access our world class customer support.', 'wpforms-lite' ); ?></p> <a href="<?php echo esc_url( wpforms_utm_link( $settings['upgrade_url'], $links_utm_medium, 'Upgrade For Support' ) ); ?>" class="wpforms-btn wpforms-btn-md wpforms-btn-orange" rel="noopener noreferrer" target="_blank"> <?php esc_html_e( 'Upgrade to WPForms Pro', 'wpforms-lite' ); ?> </a> <?php } ?> </div> </div> </div> </div> <script type="text/html" id="tmpl-wpforms-builder-help-categories"> <ul class="wpforms-builder-help-categories-toggle"> <# _.each( data.categories, function( categoryTitle, categorySlug ) { #> <li class="wpforms-builder-help-category"> <header> <i class="fa fa-folder-open-o wpforms-folder"></i> <span>{{{ categoryTitle }}}</span> <i class="fa fa-angle-right wpforms-arrow"></i> </header> <ul class="wpforms-builder-help-docs" style="display: none;"> <# _.each( data.docs[ categorySlug ], function( doc, index ) { utmContent = encodeURIComponent( doc.title ); #> <li> <i class="fa fa-file-text-o"></i><a href="{{ doc.url }}<?php echo esc_url( $url_parameters ); ?>={{ utmContent }}" rel="noopener noreferrer" target="_blank">{{{ doc.title }}}</a> </li> <# if ( index === 4 && data.docs[ categorySlug ].length > 4 ) { #> <div style="display: none;"> <# } #> <# } ) #> <# if ( data.docs[ categorySlug ].length > 4 ) { #> </div> <button class="wpforms-btn wpforms-btn-md wpforms-btn-light-grey viewall" type="button"><?php esc_html_e( 'View All', 'wpforms-lite' ); ?> {{{ categoryTitle }}} <?php esc_html_e( 'Docs', 'wpforms-lite' ); ?></button> <# } #> </ul> </li> <# } ) #> </ul> </script> <script type="text/html" id="tmpl-wpforms-builder-help-categories-error"> <h4 class="wpforms-builder-help-error"> <?php esc_html_e( 'Unfortunately the error occurred while downloading help data.', 'wpforms-lite' ); ?> </h4> </script> <script type="text/html" id="tmpl-wpforms-builder-help-docs"> <ul class="wpforms-builder-help-docs"> <# _.each( data.docs, function( doc, index ) { utmContent = encodeURIComponent( doc.title ); #> <li> <i class="fa fa-file-text-o"></i><a href="{{ doc.url }}<?php echo esc_url( $url_parameters ); ?>={{ utmContent }}" rel="noopener noreferrer" target="_blank">{{{ doc.title }}}</a> </li> <# } ) #> </ul> </script>