PromptBase
🤖 GPT
A prompt to automate product management, customer engagement, and marketing tasks in WooCommerce.
...more
$2.99
After purchasing, you will gain access to the prompt file which you can use with GPT or the app builder. You'll receive 20 free generation credits with this purchase. By purchasing this prompt, you agree to our terms of service.
Over 1 month ago
Related item
Prompt Details
Model
Chat - GPT-4o (gpt-4o)
Token size
114 ($0.00570 / call)
Example input
[Tool name]: WooCommerce
Example output
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Customizable WooCommerce eCommerce Plugin for WordPress">
<title>WooCommerce-like Plugin</title>
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
}
header {
background-color: #333;
color: #fff;
padding: 10px 0;
text-align: center;
}
.container {
max-width: 1200px;
margin: 0 auto;
padding: 20px;
}
.product {
border: 1px solid #ddd;
padding: 15px;
margin: 10px;
text-align: center;
}
.product img {
max-width: 100%;
height: auto;
}
.product h3 {
margin: 10px 0;
}
.product p {
color: #666;
}
.cart-button {
background-color: #28a745;
color: white;
padding: 10px 20px;
border: none;
cursor: pointer;
}
.checkout-form {
background-color: #f9f9f9;
padding: 20px;
border: 1px solid #ddd;
}
.checkout-form input, .checkout-form select {
display: block;
width: 100%;
padding: 10px;
margin-bottom: 10px;
border: 1px solid #ccc;
}
footer {
background-color: #333;
color: white;
padding: 10px;
text-align: center;
margin-top: 20px;
}
</style>
</head>
<body>
<header>
<h1>My WooCommerce Store</h1>
</header>
<div class="container">
<!-- Product Listing -->
<section>
<h2>Featured Products</h2>
<div class="product">
<img src="product1.jpg" alt="Product 1">
<h3>Product 1</h3>
<p>Price: $20</p>
<button class="cart-button">Add to Cart</button>
</div>
<div class="product">
<img src="product2.jpg" alt="Product 2">
<h3>Product 2</h3>
<p>Price: $30</p>
<button class="cart-button">Add to Cart</button>
</div>
<div class="product">
<img src="product3.jpg" alt="Product 3">
<h3>Product 3</h3>
<p>Price: $40</p>
<button class="cart-button">Add to Cart</button>
</div>
</section>
<!-- Checkout Form -->
<section>
<h2>Checkout</h2>
<form class="checkout-form">
<label for="fname">First Name</label>
<input type="text" id="fname" name="firstname" placeholder="Your name..">
<label for="lname">Last Name</label>
<input type="text" id="lname" name="lastname" placeholder="Your last name..">
<label for="email">Email</label>
<input type="email" id="email" name="email" placeholder="Your email..">
<label for="address">Address</label>
<input type="text" id="address" name="address" placeholder="Your address..">
<label for="payment">Payment Method</label>
<select id="payment" name="payment">
<option value="credit">Credit Card</option>
<option value="paypal">PayPal</option>
<option value="bank">Bank Transfer</option>
</select>
<label for="shipping">Shipping Method</label>
<select id="shipping" name="shipping">
<option value="standard">Standard Shipping</option>
<option value="express">Express Shipping</option>
</select>
<input type="submit" value="Place Order">
</form>
</section>
</div>
<!-- Footer -->
<footer>
<p>© 2024 My WooCommerce Store. All rights reserved.</p>
</footer>
</body>
</html>