PromptBase
🤖 GPT
Contact Management With Hubspot Crm
5.0
1 review
21
Downloads
1
Uses
3
Favorites
70
Views
GPT-4O
Tested
Tips
4 examples
Streamline your business interactions with HubSpot's powerful contact management tool, helping you organize and track customer data efficiently.
...more
Free
After downloading, you will gain access to the prompt file which you can use with GPT or the app builder. By downloading 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
127 ($0.00635 / call)
Example input
[ Tool name]: HubSpot
Example output
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>CRM Dashboard</title>
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
}
header {
background-color: #4CAF50;
color: white;
text-align: center;
padding: 15px;
}
nav {
display: flex;
justify-content: space-around;
background-color: #333;
padding: 15px;
}
nav a {
color: white;
text-decoration: none;
padding: 10px;
}
nav a:hover {
background-color: #575757;
border-radius: 5px;
}
.container {
display: flex;
}
.sidebar {
width: 20%;
background-color: #f4f4f4;
padding: 20px;
}
.content {
width: 80%;
padding: 20px;
}
.card {
background-color: white;
border: 1px solid #ccc;
padding: 20px;
margin-bottom: 20px;
border-radius: 8px;
}
.dashboard-header {
font-size: 24px;
font-weight: bold;
margin-bottom: 10px;
}
.form-group {
margin-bottom: 15px;
}
.form-group label {
display: block;
margin-bottom: 5px;
}
.form-group input, .form-group select {
width: 100%;
padding: 8px;
margin-bottom: 10px;
border-radius: 5px;
border: 1px solid #ccc;
}
.btn {
padding: 10px 15px;
background-color: #4CAF50;
color: white;
border: none;
border-radius: 5px;
cursor: pointer;
}
.btn:hover {
background-color: #45a049;
}
</style>
</head>
<body>
<header>
<h1>CRM Dashboard</h1>
</header>
<nav>
<a href="#">Dashboard</a>
<a href="#">Contacts</a>
<a href="#">Deals</a>
<a href="#">Tasks</a>
<a href="#">Reports</a>
</nav>
<div class="container">
<div class="sidebar">
<h3>Quick Actions</h3>
<ul>
<li><a href="#">Add Contact</a></li>
<li><a href="#">Add Deal</a></li>
<li><a href="#">Create Task</a></li>
<li><a href="#">View Reports</a></li>
</ul>
</div>
<div class="content">
<div class="card">
<div class="dashboard-header">Contact Management</div>
<p>Manage your contacts and leads here. Add new contacts, edit details, and track their journey.</p>
<div class="form-group">
<label for="contactName">Contact Name:</label>
<input type="text" id="contactName" name="contactName" placeholder="Enter contact name">
</div>
<div class="form-group">
<label for="email">Email:</label>
<input type="email" id="email" name="email" placeholder="Enter contact email">
</div>
<div class="form-group">
<label for="status">Status:</label>
<select id="status" name="status">
<option value="lead">Lead</option>
<option value="prospect">Prospect</option>
<option value="customer">Customer</option>
</select>
</div>
<button class="btn">Save Contact</button>
</div>
<div class="card">
<div class="dashboard-header">Deals Management</div>
<p>Track your deals and sales pipelines. Add new deals, update status, and close more sales.</p>
<div class="form-group">
<label for="dealName">Deal Name:</label>
<input type="text" id="dealName" name="dealName" placeholder="Enter deal name">
</div>
<div class="form-group">
<label for="dealValue">Deal Value:</label>
<input type="number" id="dealValue" name="dealValue" placeholder="Enter deal value">
</div>
<div class="form-group">
<label for="dealStatus">Deal Status:</label>
<select id="dealStatus" name="dealStatus">
<option value="open">Open</option>
<option value="won">Won</option>
<option value="lost">Lost</option>
</select>
</div>
<button class="btn">Save Deal</button>
</div>
</div>
</div>
</body>
</html>
- Reviews for this prompt (1)
