api-settings.php
1 year ago
elements.php
1 year ago
features.php
1 year ago
go-premium.php
1 year ago
integration.php
1 year ago
popup-pro.php
1 year ago
sidebar.php
1 year ago
welcome.php
1 year ago
api-settings.php
289 lines
| 1 | <div id="api_settings" class="tab-box"> |
| 2 | <div class="elements_tab_menu"> |
| 3 | <div class="tab_contents api_title_color"> |
| 4 | <div class="icon"> |
| 5 | <i class="icon-api"></i> |
| 6 | </div> |
| 7 | <div class="content"> |
| 8 | <h3><?php esc_html_e('Api Settings', 'spider-elements'); ?></h3> |
| 9 | </div> |
| 10 | </div> |
| 11 | <div class="menu_right_content"> |
| 12 | <div class="plugin_active_switcher"> |
| 13 | <label class="toggler" id="disable"><?php esc_html_e('Disable All', 'spider-elements'); ?></label> |
| 14 | <div class="toggle"> |
| 15 | <input type="checkbox" id="a_switcher" class="check"> |
| 16 | <label class="b switch" for="a_switcher"></label> |
| 17 | </div> |
| 18 | <label class="toggler" id="enabled"><?php esc_html_e('Enabled All', 'spider-elements'); ?></label> |
| 19 | </div> |
| 20 | <button type="submit" class="dashboard_btn"> |
| 21 | <?php esc_html_e('Save Changes', 'spider-elements'); ?> |
| 22 | </button> |
| 23 | </div> |
| 24 | </div> |
| 25 | |
| 26 | <div class="elements_tab" id="api_filter"> |
| 27 | <div class="filter_data active" data-filter="*"> |
| 28 | <i class="icon-star"></i><?php esc_html_e('All', 'spider-elements'); ?> |
| 29 | </div> |
| 30 | <div class="filter_data" data-filter=".api_free"> |
| 31 | <i class="icon-gift"></i><?php esc_html_e('Free', 'spider-elements'); ?> |
| 32 | </div> |
| 33 | <div class="filter_data" data-filter=".api_pro"> |
| 34 | <i class="icon-premium"></i><?php esc_html_e('Pro', 'spider-elements'); ?> |
| 35 | </div> |
| 36 | </div> |
| 37 | |
| 38 | <div class="filter_content ezd-d-flex" id="api_setting"> |
| 39 | <div class="ezd-colum-space-4 api_free"> |
| 40 | <div class="element_box api_box"> |
| 41 | <h3>Twitter Access</h3> |
| 42 | <p>Go to https://developer.twitter.com/en for create your Consumer key and Access Token.</p> |
| 43 | <div class="api_panel"> |
| 44 | <div class="api_inner"> |
| 45 | <h5>User Name</h5> |
| 46 | <input type="text" id="twitter-name" placeholder="-----------------"> |
| 47 | </div> |
| 48 | <p>Please fill up below fields for enbled your social login feature in user login widget.</p> |
| 49 | </div> |
| 50 | <div class="api_panel"> |
| 51 | <div class="api_inner"> |
| 52 | <h5>Consumer Key</h5> |
| 53 | <input type="text" id="twitter-key" placeholder="-----------------"> |
| 54 | </div> |
| 55 | <p>Go to https://developers.facebook.com for create your facebook APP ID.</p> |
| 56 | </div> |
| 57 | <div class="api_panel"> |
| 58 | <div class="api_inner"> |
| 59 | <h5>Consumer Secret</h5> |
| 60 | <input type="text" id="twitter-secret" placeholder="-----------------"> |
| 61 | </div> |
| 62 | <p>Go to your Google developer > Account.</p> |
| 63 | </div> |
| 64 | <div class="api_panel"> |
| 65 | <div class="api_inner"> |
| 66 | <h5>Access Token</h5> |
| 67 | <input type="text" id="twitter-token" placeholder="-----------------"> |
| 68 | </div> |
| 69 | <p>Go to your Google developer > Account.</p> |
| 70 | </div> |
| 71 | <div class="api_panel"> |
| 72 | <div class="api_inner"> |
| 73 | <h5>Access Token Secret</h5> |
| 74 | <input type="text" id="twitter-token-secret" placeholder="-----------------"> |
| 75 | </div> |
| 76 | <p>Go to your Google developer > Account.</p> |
| 77 | </div> |
| 78 | </div> |
| 79 | </div> |
| 80 | <div class="ezd-colum-space-4 api_free"> |
| 81 | <div class="element_box api_box"> |
| 82 | <div class="api_panel"> |
| 83 | <div class="api_inner"> |
| 84 | <h5>Discus User Name</h5> |
| 85 | <input type="text" id="twitter-user-name" placeholder="-----------------"> |
| 86 | </div> |
| 87 | <p>Go to https://help.disqus.com/ for know how to get user name of your disqus account.</p> |
| 88 | </div> |
| 89 | </div> |
| 90 | </div> |
| 91 | <div class="ezd-colum-space-4 api_free"> |
| 92 | <div class="element_box api_box"> |
| 93 | <h3>Social Login Access</h3> |
| 94 | <p>Please fill up below fields for enbled your social login feature in user login widget.</p> |
| 95 | <div class="api_panel"> |
| 96 | <div class="api_inner"> |
| 97 | <h5>Facebook APP ID</h5> |
| 98 | <input type="text" id="facbook-id" placeholder="-----------------"> |
| 99 | </div> |
| 100 | <p>Please fill up below fields for enbled your social login feature in user login widget.</p> |
| 101 | </div> |
| 102 | <div class="api_panel"> |
| 103 | <div class="api_inner"> |
| 104 | <h5>Facebook APP Secret</h5> |
| 105 | <input type="text" id="facebook-app" placeholder="-----------------"> |
| 106 | </div> |
| 107 | <p>Go to https://developers.facebook.com for create your facebook APP ID.</p> |
| 108 | </div> |
| 109 | <div class="api_panel"> |
| 110 | <div class="api_inner"> |
| 111 | <h5>Google Client ID</h5> |
| 112 | <input type="text" id="google-id" placeholder="-----------------"> |
| 113 | </div> |
| 114 | <p>Go to your Google developer > Account.</p> |
| 115 | </div> |
| 116 | </div> |
| 117 | </div> |
| 118 | <div class="ezd-colum-space-4 api_free"> |
| 119 | <div class="element_box api_box"> |
| 120 | <h3>Instagram Access</h3> |
| 121 | <p>Go to https://developers.facebook.com/docs/instagram-basic-display-api/getting- started for create |
| 122 | your Consumer key and Access Token.</p> |
| 123 | <div class="api_panel"> |
| 124 | <div class="api_inner"> |
| 125 | <h5>Instagram App ID</h5> |
| 126 | <input type="text" id="instragram-id" placeholder="-----------------"> |
| 127 | </div> |
| 128 | </div> |
| 129 | <div class="api_panel"> |
| 130 | <div class="api_inner"> |
| 131 | <h5>Instagram App Secret</h5> |
| 132 | <input type="text" id="instragram-app" placeholder="-----------------"> |
| 133 | </div> |
| 134 | </div> |
| 135 | <div class="api_panel"> |
| 136 | <div class="api_inner"> |
| 137 | <h5>Instagram Access Token</h5> |
| 138 | <input type="text" id="instragram-token" placeholder="-----------------"> |
| 139 | </div> |
| 140 | <p>Go to This Link and Generate the access token then copy and paste here.</p> |
| 141 | </div> |
| 142 | </div> |
| 143 | </div> |
| 144 | <div class="ezd-colum-space-4 api_pro"> |
| 145 | <div class="element_box api_box"> |
| 146 | <h3>Mailchimp Access</h3> |
| 147 | <p>Go to your Mailchimp > Website > Domains > Extras > API Keys</p> |
| 148 | <div class="api_panel"> |
| 149 | <div class="api_inner"> |
| 150 | <h5>Mailchimp API Key</h5> |
| 151 | <input type="text" id="mail-api" placeholder="-----------------"> |
| 152 | </div> |
| 153 | </div> |
| 154 | <div class="api_panel"> |
| 155 | <div class="api_inner"> |
| 156 | <h5>Audience ID</h5> |
| 157 | <input type="text" id="audience-id" placeholder="-----------------"> |
| 158 | </div> |
| 159 | </div> |
| 160 | </div> |
| 161 | </div> |
| 162 | |
| 163 | <div class="ezd-colum-space-4 api_pro"> |
| 164 | <div class="element_box api_box"> |
| 165 | <h3>Facebook Social Access</h3> |
| 166 | <p>Go to your Facebook Developer Account to get access Page ID and Access Token. This credential need |
| 167 | for Social Feeds widget.</p> |
| 168 | <div class="api_panel"> |
| 169 | <div class="api_inner"> |
| 170 | <h5>Facebook Access Token</h5> |
| 171 | <input type="text" id="facebook-token" placeholder="-----------------"> |
| 172 | </div> |
| 173 | </div> |
| 174 | <div class="api_panel"> |
| 175 | <div class="api_inner"> |
| 176 | <h5>Facebook Page ID</h5> |
| 177 | <input type="text" id="facebook-id" placeholder="-----------------"> |
| 178 | </div> |
| 179 | </div> |
| 180 | </div> |
| 181 | </div> |
| 182 | <div class="ezd-colum-space-4 api_pro"> |
| 183 | <div class="element_box api_box"> |
| 184 | <div class="api_panel"> |
| 185 | <div class="api_inner"> |
| 186 | <h5>MapBox Access Token</h5> |
| 187 | <input type="text" id="map-api" placeholder="-----------------"> |
| 188 | </div> |
| 189 | <p>Click Here to get access token. This Access Token needs for show Open Street Map widget |
| 190 | correctly.</p> |
| 191 | </div> |
| 192 | </div> |
| 193 | </div> |
| 194 | <div class="ezd-colum-space-4 api_free"> |
| 195 | <div class="element_box api_box"> |
| 196 | <h3>reCAPTCHA Access</h3> |
| 197 | <p>Go to your Google reCAPTCHA > Account > Generate Keys (reCAPTCHA V2 > Invisible) and Copy and Paste |
| 198 | here.</p> |
| 199 | <div class="api_panel"> |
| 200 | <div class="api_inner"> |
| 201 | <h5>Site key</h5> |
| 202 | <input type="text" id="site-key" placeholder="-----------------"> |
| 203 | </div> |
| 204 | </div> |
| 205 | <div class="api_panel"> |
| 206 | <div class="api_inner"> |
| 207 | <h5>Secret key</h5> |
| 208 | <input type="text" id="site-id" placeholder="-----------------"> |
| 209 | </div> |
| 210 | </div> |
| 211 | </div> |
| 212 | </div> |
| 213 | <div class="ezd-colum-space-4 api_pro"> |
| 214 | <div class="element_box api_box"> |
| 215 | <h3>Simple Contact Form</h3> |
| 216 | <p>Set your simple contact form settings from here.</p> |
| 217 | <div class="api_panel"> |
| 218 | <div class="api_inner"> |
| 219 | <h5>Contact Form Email</h5> |
| 220 | <input type="text" id="contact-id" placeholder="-----------------"> |
| 221 | </div> |
| 222 | <p>You can set alternative email for simple contact form.</p> |
| 223 | </div> |
| 224 | <div class="api_panel"> |
| 225 | <div class="api_inner"> |
| 226 | <h5>Spam Email List</h5> |
| 227 | <input type="text" id="spam-email" placeholder="-----------------"> |
| 228 | </div> |
| 229 | <p>add spam email here for block spamming from your contact form. multiple email separated by comma |
| 230 | ().</p> |
| 231 | </div> |
| 232 | </div> |
| 233 | </div> |
| 234 | <div class="ezd-colum-space-4 api_pro"> |
| 235 | <div class="element_box api_box"> |
| 236 | <h3>Weather API Access</h3> |
| 237 | <p>Please choose your Weather provider, both provider has the free and paid package.</p> |
| 238 | <div class="api_panel"> |
| 239 | <div class="api_inner"> |
| 240 | <h5>WeatherStack Key</h5> |
| 241 | <input type="text" id="weather_key" placeholder="-----------------"> |
| 242 | </div> |
| 243 | <p>Go to https://weatherstack.com/quickstart > Copy Key and Paste here.</p> |
| 244 | </div> |
| 245 | <div class="api_panel"> |
| 246 | <div class="api_inner"> |
| 247 | <h5>Open Weather Map Key</h5> |
| 248 | <input type="text" id="weather_nap_key" placeholder="-----------------"> |
| 249 | </div> |
| 250 | <p>Go to https://home.openweathermap.org/api_keys > Copy Key and Paste here. This api key also works |
| 251 | for Air Pollution Widget</p> |
| 252 | </div> |
| 253 | </div> |
| 254 | </div> |
| 255 | <div class="ezd-colum-space-4 api_pro"> |
| 256 | <div class="element_box api_box"> |
| 257 | <h3>Yelp Access</h3> |
| 258 | <p>Go to your Yelp Developer Account to get access client ID and Key. This credential need for Social |
| 259 | Proof widget.</p> |
| 260 | <div class="api_panel"> |
| 261 | <div class="api_inner"> |
| 262 | <h5>Yelp Client ID</h5> |
| 263 | <input type="text" id="weather_key" placeholder="-----------------"> |
| 264 | </div> |
| 265 | <p>You can set alternative email for simple contact form.</p> |
| 266 | </div> |
| 267 | <div class="api_panel"> |
| 268 | <div class="api_inner"> |
| 269 | <h5>Yelp API Key</h5> |
| 270 | <input type="text" id="weather_nap_key" placeholder="-----------------"> |
| 271 | </div> |
| 272 | </div> |
| 273 | </div> |
| 274 | </div> |
| 275 | <div class="ezd-colum-space-4 api_pro"> |
| 276 | <div class="element_box api_box"> |
| 277 | <div class="api_panel"> |
| 278 | <div class="api_inner"> |
| 279 | <h5>Google Map API Key</h5> |
| 280 | <input type="text" id="g_map_key" placeholder="-----------------"> |
| 281 | </div> |
| 282 | <p>Go to https://developers.google.com and generate the API key and insert here. This API key needs |
| 283 | for show Advanced Google Map widget correctly.</p> |
| 284 | </div> |
| 285 | </div> |
| 286 | </div> |
| 287 | </div> |
| 288 | |
| 289 | </div> |