Marketing Technology
Crafting Digital
Products
That Perform
Digital products and tools that help marketing teams work smarter and move faster.
module.html
{# OptimizeMe - HubSpot CMS Module #} <section class="blox-hero"> <div class="container"> {% if module.content.heading %} <h1 class="blox-hero-title"> {{ module.content.heading }} </h1> {% endif %} {% for item in module.content.cards %} <div class="blox-card" style="background: {{ item.bg_color }}"> <h3>{{ item.title }}</h3> <p>{{ item.description }}</p> </div> {% endfor %} </div> </section>
# OptimizeMe - Flask API endpoint from flask import Flask, jsonify from models import db, Team app = Flask(__name__) @app.route("/api/contacts") def get_contacts(): team = Team.query.get(g.team.id) contacts = team.fetch_contacts( platform=team.active_platform, filters=request.args ) return jsonify({ "count": len(contacts), "data": [ { "name": c.name, "city": c.city, "lat": c.latitude, "lng": c.longitude, } for c in contacts ] })
/* OptimizeMe - Module Styles */ .blox-hero { position: relative; padding: 96px 0; overflow: hidden; } .blox-card { border-radius: 12px; padding: 32px; backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.1); transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1); } .blox-card:hover { transform: translateY(-4px); box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15); } @media (max-width: 768px) { .blox-hero { padding: 48px 0; } }
-- OptimizeMe - Contact Analytics SELECT c.city, c.state, COUNT(*) AS contact_count, ROUND(AVG(c.latitude), 4) AS avg_lat, ROUND(AVG(c.longitude), 4) AS avg_lng FROM contacts c JOIN teams t ON c.team_id = t.id WHERE t.platform = 'hubspot' AND c.state IS NOT NULL GROUP BY c.city, c.state ORDER BY contact_count DESC LIMIT 20;
