yoel_r

i created this plugin custom made for a specific project. now i release it for free.
its easy to use,customize, and uses bootstrap so its also mobile friendly
how it works:
this plugin was made to showcase a list of products, with a title and an image (using bootstrap framework). 
when a user clicks an image a lightbox will open, it will have a title, big picture and description. 
below the description there will be more pictures of the product with a list,once a small img is clicked, 
it will replace the big img inside the lightbox.
how to use: 
i made a how to use page in the yoel products menu ,it has example shortcodes. 
other then that the forms for the products are straight foreword and was mae for easy 
use and editing.
for developers: 
you can change how it looks with youre own css class or by changing the plugins css. 
you can also edit the jqury code. 
both js and css files are short and easy to understand.
if you want to see my other plugins write yoel in the plugins search form.
to contact me go to this form:
https://programingstuff.wordpress.com/%D7%A6%D7%95%D7%A8-%D7%A7%D7%A9%D7%A8/
<h3>Readme Generator</h3>
This Readme file was generated using <a href='http://sudarmuthu.com/wordpress/wp-readme' rel="nofollow ugc">wp-readme</a>, which generates readme files for WordPress Plugins.

yoel bootstrap easy product catalog

create a responsive product catalog easily

eezznet

Native B2B is a professional-grade Product Catalog and Request for Quote (RFQ) system for WordPress. Designed with a native-first, zero-bloat architecture, it provides a high-speed alternative for wholesale businesses and lead generation sites.
<h4>Core Features</h4>
<ul>
<li>Custom Product Management: Effortlessly manage wholesale products with tiered pricing and technical specifications.</li>
<li>Professional RFQ System: High-performance AJAX-based inquiry form that integrates seamlessly into any theme.</li>
<li>Advanced Anti-Spam Shield: Protect your inbox with Math Challenges, Akismet integration, and Honeypot fields.</li>
<li>Global Notifications: Get instant alerts via Slack, Discord, Telegram, Feishu, Email, Bark, and NTFY.</li>
<li>Data Automation: Automatically synchronize inquiry data to Google Sheets via Apps Script.</li>
<li>Analytics Dashboard: Monitor leads and analyze inquiry peak hours with our unique Hotspot Analysis tool.</li>
<li>Enterprise Ready: One-click CSV export and daily automated database maintenance.</li>
</ul>
<h3>Usage</h3>
<ul>
<li>Add Products: Navigate to ‘B2B Products’ -> ‘Add New’. Fill in the title, description, and tiered pricing in the provided meta boxes.</li>
<li>Display Catalog: Use the shortcode <code>[ezls_gallery columns="4"]</code> on any page to display your product grid.</li>
<li>Inquiry Button: Use <code>[ezls_inquiry_btn]</code> on custom pages to trigger the RFQ popup.</li>
<li>Configuration: Visit ‘B2B Products’ -> ‘Settings’ to connect your notification channels and data integration credentials.</li>
<li>Lead Management: View and process incoming leads under the ‘Inquiries’ menu. Use the ‘Hotspot Analysis’ to optimize your sales staffing.</li>
</ul>
<h3>Google Sheets Integration</h3>
This integration uses a secure Google Apps Script to send inquiry data to your Google Sheet in real-time.
Part 1: Create the Google Sheet & Apps Script
<ol>
<li>Create Google Sheet: Go to <a href="https://sheets.google.com" rel="nofollow ugc">sheets.google.com</a>, create a new spreadsheet, and name it (e.g., <code>B2B Inquiries</code>).</li>
<li>Set Up Headers: In the first row, set up the following headers exactly as written (case-sensitive): <code>Time</code>, <code>ID</code>, <code>Product</code>, <code>Name</code>, <code>Email</code>, <code>Tel</code>, <code>IM</code>, <code>Message</code>, <code>Link</code>.</li>
<li>Open Apps Script: In your spreadsheet, go to <code>Extensions</code> -> <code>Apps Script</code>.</li>
<li>
Paste Script Code: Delete any default code in the <code>Code.gs</code> file and paste the entire script below:
// Copyright (c) 2024 EEZZ.NET. All rights reserved. 
// This script is provided for use with the “Native B2B” WordPress plugin. 
const API_PASSWORD = “YOUR_SECRET_PASSWORD”; 
const sheet = SpreadsheetApp.getActiveSpreadsheet().getActiveSheet(); 
function doPost(e){try{if(!e||!e.postData||!e.postData.contents){throw new Error(“Invalid request: No data received.”)}const params=JSON.parse(e.postData.contents);if(params.AuthKey!==API_PASSWORD){return createJsonResponse({“status”:”error”,”message”:”Authentication failed.”})}const newRow=[params.Time||new Date(),params.ID||’N/A’,params.Product||’N/A’,params.Name||’N/A’,params.Email||’N/A’,params.Tel||’N/A’,params.IM||’N/A’,params.Message||’N/A’,params.Link||’N/A’];const lock=LockService.getScriptLock();lock.waitLock(30000);try{sheet.appendRow(newRow)}finally{lock.releaseLock()}return createJsonResponse({“status”:”success”})}catch(error){console.error(“Error processing request: “+error.toString());return createJsonResponse({“status”:”error”,”message”:”An internal error occurred: “+error.message})}} 
function createJsonResponse(data){return ContentService.createTextOutput(JSON.stringify(data)).setMimeType(ContentService.MimeType.JSON)}
</li>
<li>
Set Password & Save: In the script, change <code>"YOUR_SECRET_PASSWORD"</code> to your own strong password and save the project.
</li>
</ol>
Part 2: Deploy and Configure
<ol>
<li>Deploy as Web App: Click <code>Deploy</code> -> <code>New deployment</code>. Select type <code>Web app</code>.</li>
<li>Set Access: Under “Who has access”, select <code>Anyone</code>. This is critical.</li>
<li>Authorize & Copy URL: Click <code>Deploy</code>, authorize the script (you may need to click “Advanced” -> “Go to…”), and copy the generated Web app URL.</li>
<li>Configure in WordPress: Go to <code>B2B Products</code> -> <code>Settings</code>. Paste the Web app URL and your password into the Google Sheets section and save changes.</li>
</ol>
<h3>External Services</h3>
This plugin connects to third-party services to provide notifications, data sync, and spam protection. No data is sent to these services unless you explicitly configure the corresponding credentials in the plugin settings.
<ul>
<li>
Akismet Anti-Spam
<ul>
<li>Purpose: To check inquiry submissions for spam.</li>
<li>Data Sent: When a user submits an inquiry, their IP address, user agent, referrer, name, email address, and message content are sent to the Akismet service.</li>
<li>Links: <a href="https://akismet.com/tos/" rel="nofollow ugc">Terms of Service</a>, <a href="https://automattic.com/privacy/" rel="nofollow ugc">Privacy Policy</a></li>
</ul>
</li>
<li>
Telegram Bot API
<ul>
<li>Purpose: To send real-time notifications for new inquiries to your configured chat.</li>
<li>Data Sent: When a new inquiry is received, details such as the product name, customer name, and email are sent via the Telegram Bot API.</li>
<li>Links: <a href="https://telegram.org/tos" rel="nofollow ugc">Terms of Service</a>, <a href="https://telegram.org/privacy" rel="nofollow ugc">Privacy Policy</a></li>
</ul>
</li>
<li>
Slack (Incoming Webhook)
<ul>
<li>Purpose: To send real-time notifications for new inquiries to your Slack workspace.</li>
<li>Data Sent: When a new inquiry is received, the product name, customer name, message preview, and a link to the product page are sent to the configured Slack webhook URL.</li>
<li>Links: <a href="https://slack.com/trust/privacy/privacy-policy" rel="nofollow ugc">Privacy Policy</a></li>
</ul>
</li>
<li>
Discord (Webhook)
<ul>
<li>Purpose: To send real-time notifications for new inquiries to your Discord server.</li>
<li>Data Sent: When a new inquiry is received, the product name, customer name, email, and a link to the product page are sent to the configured Discord webhook URL.</li>
<li>Links: <a href="https://discord.com/privacy" rel="nofollow ugc">Privacy Policy</a></li>
</ul>
</li>
<li>
Feishu / Lark (Webhook)
<ul>
<li>Purpose: To send real-time notifications for new inquiries to your Feishu/Lark group.</li>
<li>Data Sent: When a new inquiry is received, the inquiry ID, product name, customer name, email, and message text are sent to the configured Feishu webhook URL. If a Feishu signing secret is configured, a timestamp and HMAC signature are also included for request verification.</li>
<li>Links: <a href="https://www.feishu.cn/en/terms" rel="nofollow ugc">Terms of Service</a>, <a href="https://www.feishu.cn/en/privacy" rel="nofollow ugc">Privacy Policy</a></li>
</ul>
</li>
<li>
Bark
<ul>
<li>Purpose: To send real-time push notifications for new inquiries to your mobile devices via your self-hosted or public Bark server.</li>
<li>Data Sent: When a new inquiry is received, the inquiry ID and customer name are sent to the configured Bark server URL.</li>
<li>Links: <a href="https://github.com/finb/bark" rel="nofollow ugc">Project Repository & Documentation</a></li>
</ul>
</li>
<li>
ntfy
<ul>
<li>Purpose: To send real-time push notifications for new inquiries to your mobile devices via your self-hosted or public ntfy server.</li>
<li>Data Sent: When a new inquiry is received, a notification message containing the customer name and product name is sent to the configured ntfy topic URL.</li>
<li>Links: <a href="https://ntfy.sh/terms" rel="nofollow ugc">Terms of Service (ntfy.sh)</a>, <a href="https://ntfy.sh/privacy" rel="nofollow ugc">Privacy Policy (ntfy.sh)</a></li>
</ul>
</li>
<li>
Google Sheets (via Apps Script Webhook)
<ul>
<li>Purpose: To automatically sync inquiry data to a Google Sheets spreadsheet for record-keeping and analysis.</li>
<li>Data Sent: When a new inquiry is received, the inquiry code, product name, customer name, email, phone, IM platform, IM account, message, product link, and timestamp are sent to the configured Google Apps Script webhook URL. An API password (set by the site administrator) is included for authentication.</li>
<li>Links: <a href="https://policies.google.com/privacy" rel="nofollow ugc">Google Privacy Policy</a></li>
</ul>
</li>
</ul>

Native B2B: RFQ Product Catalog & Inquiry Form

High-speed B2B Product Catalog & RFQ System. Native-first, zero-bloat architecture for professional wholesale and lead generation.

yoel bootstrap easy product catalog vs Native B2B: RFQ Product Catalog & Inquiry Form