Chalk & Pen
Proposal Solution v4
📄
Professional proposals with PDF export — client-ready in minutes
🏢
Company-level Jira integration with per-project configuration
📊
Live dashboard with pipeline value, win rate & monthly trends
📁
File storage on Hostinger — upload, browse & share PDFs
© 2025 Chalk & Pen LLC · All rights reserved
Chalk & Pen
Proposal Solution v4
Welcome back
Sign in to your workspace
or
Create Account
Accounts require admin approval before access is granted.
Verification Code
Initial Setup
Create your admin account to get started.
Used for OTP codes and recovery.
Change Password Required
Please set a new password before continuing.
Chalk & Pen
Proposal Solution v4
Overview
📊 Dashboard
Workspace
📄 New Proposal
📋 Intake Form
👁 Preview
Records
🗄️ Proposals DB
📁 Intake Records
📬 Email Inbox 0
📂 File Storage
Config
🏢 Companies
🧾 Invoices
📋 Event Log
⚙️ Settings
🔗 Integrations
A
Admin
Administrator
Dashboard PROP-0001 No Company

Dashboard

Your proposal pipeline at a glance.

Total Proposals
—
All time
Pipeline Value
—
Win Rate
—
Companies
—
📊 Status Breakdown
🏆 Top Companies
🕒 Recent Proposals
Proposal #CompanyTitleDateTotalStatus
📈 12-Month Revenue Trend
⚠️
Select a company to enable client fields. Create a company first if needed.
📋 Proposal Details
💳 Payment Progress (50% Deposit)
Original Total
$0.00
Deposit (50%)
$0.00
Balance Due
$0.00
👤 Client Information
Auto-populated from selected company
🏢 Select a company above
Fields will auto-populate
🛠 Services & Line Items
ServiceDescriptionNotesQtyUnit CostTotal
Subtotal
$0.00
Discount
-$0.00
Tax (%)
$0.00
Total Due
$0.00
🎯 Scope of Work
Scope of Work
📜 Terms & Conditions
📝 Notes & Closing
✍️ Signature
Draw above
Preview
🖊️
Upload signature image
PNG transparent background recommended
Saved Signature
None saved
Client Signature Block (on PDF)
Client Signature
Printed Name
Date

Client Intake Form

Marketing discovery questionnaire — responses auto-generate Scope of Work.

📋 Intake Details
❓ Discovery Questions
Max 600 words per answer
Q1. Who is your ideal customer, and what do you want them to know or feel about your business?
0 / 600 words
Q2. How are customers currently finding you — online, social media, word of mouth?
0 / 600 words
Q3. Which platforms are you active on today, and what's been working or not working?
0 / 600 words
Q4. What are your top goals for the next 2–3 months?
0 / 600 words
Q5. What marketing tasks are you comfortable handling yourself, and where do you need support?
0 / 600 words
Q6. Do you have a budget range in mind?
0 / 600 words
Q7. Other Notes & Additional Information
Anything else — past campaigns, brand guidelines, special requirements, or general comments.
0 / 600 words
🎯 Generated Scope of Work

Proposal Preview

Rendered output — matches exported PDF.

Proposals Database

📁 All Proposals
Proposal #CompanyClientTitleDateTotalStatusActions

Intake Records

CompanyContactEmailDateScopeActions

Email Inbox

IMAP inbox — replies to sent proposals.

ℹ️ IMAP credentials load automatically from your .env file. If you see errors, check Settings → Email.
📬 Messages
Click Refresh to fetch messages.
📖 Message
Select a message to read.

File Storage

Upload, browse and share files on your Hostinger hosting space.

ℹ️ Files are stored in the uploads/ folder on your Hostinger server. Supported: PDF, PNG, JPG, DOCX, XLSX, CSV, TXT — max 50MB each.
📁 Stored Files
📂
No files uploaded yet
Click "Upload File" to add files to your Hostinger storage
📤 Upload Files
📤
Click to upload or drag & drop
PDF, PNG, JPG, DOCX, XLSX, CSV, TXT · Max 50MB each
Uploading…

Companies

Manage clients — each company can have its own Jira project settings.

CompanyContactEmailPhoneIndustryJiraActions

Settings

👤 Profile
✉️ Email
🔢 Numbering
🛠 Services
🎨 Branding
📜 T&C
❓ Intake Q
📁 Upload
🔒 Security
📋 Audit Log
🎭 Appearance
💾 Data
👤 Default Contact Information
ℹ️ These defaults auto-fill your name, email and phone on new proposals and intake forms.
✅ SMTP and IMAP credentials auto-load from your .env file. Only fill these to override .env values.
📤 SMTP — Outgoing Mail
⚠️ Hostinger SMTP: host smtp.hostinger.com · Port 465 (SSL). Gmail: use App Password + port 587 (TLS).
Use TLS/STARTTLS
Port 587 (Gmail). Turn OFF for port 465 (Hostinger SSL).
📥 IMAP — Incoming Mail
🔢 Proposal Numbering
Example: PROP-0001
🛠 Default Services & Prices
ℹ️ These appear in the proposal dropdown. Setting a default price auto-fills when the service is selected.
Service NameDefault Price ($)Description
🖼️ Default Logo
ℹ️ This logo appears on every proposal PDF header. Managed here only — not on the proposal form.
🖼️
Upload default logo
PNG, JPG, SVG · max 2MB
🏢 Agency Defaults
📜 Default Terms & Conditions
❓ Customize Intake Questions
ℹ️ Customize the questions shown in the Intake Form. Drag to reorder. Changes apply to all new intake forms.
📁 File Upload Configuration
⚠️ By default, files upload to the uploads/ folder next to api.php. Override only if needed.
Leave blank to use default: same folder as api.php + /uploads/
Used to generate download links. Leave blank for relative path.
💡 Hostinger setup: In hPanel → File Manager, create an uploads folder in public_html/, right-click → Permissions → set to 755, then click Test above.
🔑 FTP Upload (Fallback)
ℹ️ If the uploads/ folder permissions cannot be set to 755, use FTP credentials as a fallback. Your Hostinger FTP credentials are the same as your hosting account login.
Usually ftp.yourdomain.com — found in hPanel → FTP Accounts
Your Hostinger hosting account username
Same password as hPanel login
Server path where files should be uploaded
🔒 Change Password
🔐 Email OTP / 2FA Configuration
Click "Load Status" to check your OTP configuration.
This email receives the 6-digit login code each time you sign in.
Enable Email OTP
Require a code on every login
👥 User Management
ℹ️ Users who register receive an approval email. Click the link in that email — or activate them directly here.
UserEmailRoleStatusLast LoginActions
Click Refresh to load users
📱 SMS 2FA (Twilio)
ℹ️ Twilio credentials from .env are loaded automatically. Only fill these to override.
📋 Login Audit Trail
WhenUsernameRoleIP AddressBrowserStatus
Click Refresh to load audit log
🎭 Color Scheme
Choose an accent color theme for the entire interface.
✓
💾 Data Management
ℹ️ Data is stored server-side via api.php. Export regularly for backup.
Auto-export Excel on save
Downloads Excel on every proposal save.

Integrations

🔷 Jira Cloud
Not connected
ℹ️ Global Jira settings — loaded from .env automatically. Individual companies can override per-project settings.
API token: id.atlassian.com → Security → API tokens
🔒 SSL Certificate
✅ Hostinger provides FREE SSL via Let's Encrypt.
hPanel → SSL → Install SSL → Free SSL (Let's Encrypt) → Install → enable Force HTTPS

Invoices

Convert accepted proposals to invoices and track payments.

Invoice #ProposalCompanyDateDueTotalPaidBalanceStatusActions
No invoices yet. Open a proposal and click "Convert to Invoice".

Event Log

Audit trail of all activity within the program.

TimestampEventTypeID/ReferenceDescriptionIP
Click Refresh to load event log.
✉️ Send Proposal by Email
Attach generated PDF
🔷 Upload to Jira
Attach PDF to Jira ticket
Include proposal table in description
🏢 New Company
Company Info
🔷 Jira Settings
ℹ️ Per-company Jira settings override global. Leave blank to use global defaults.
📐 Load Template
Standard Template
Import Custom
📄 Chalk & Pen Standard Template
SEO, Social Media, Brand Strategy — with standard T&C.
✓ SEO Optimization & Reporting
✓ Social Media Management
✓ Brand Strategy & Content
📂
Drop a JSON template file
🧾 Convert Proposal to Invoice
📝 Generate Revised Quote (50% Balance)
📖 Chalk & Pen — User Guide
Overview
Proposals
Intake
Invoices
Email
Jira
Settings
Files

Welcome to Chalk & Pen Proposal Solution v4

This program lets you create professional proposals, track clients, manage intake forms, send emails with PDF attachments, sync to Jira, and convert accepted proposals to invoices — all from one place.

📊 Dashboard
Pipeline overview, win rate, monthly revenue trend, recent proposals.
📄 New Proposal
Create proposals, add services, set pricing, capture signature, export PDF.
📋 Intake Form
Discovery questionnaire. Auto-generates Scope of Work from answers.
🗄️ Proposals DB
All saved proposals. Filter by status, bulk export, edit or delete.
🧾 Invoices
Convert accepted proposals to invoices. Track payment status.
🏢 Companies
Client database. Each company has its own Jira project settings.
📂 File Storage
Upload and manage files on Hostinger. Share links with clients.
⚙️ Settings
SMTP, branding, default services, T&C, intake questions, and more.

Creating Proposals

  1. Select a Company — Client fields auto-populate from the company record. Create the company first if needed (Companies page).
  2. Add Services — Click "Add Row" or "Load Defaults". Each row has Service (dropdown), Description, Qty, and Unit Cost. The Total calculates automatically.
  3. Set Discount & Tax — Use % or flat amount for discount. Tax is a percentage applied after discount.
  4. Add Scope of Work — Click "+ Add Scope of Work" or load from a saved intake form.
  5. Signature — Draw, type, or upload. Click "✓ Use Signature" to save it to the proposal. The signed name and date print on the PDF.
  6. Save — Click the 💾 Save button in the top bar. A revision is automatically created so you can track changes.
  7. Export PDF — Click 📄 PDF. Includes logo, services table, totals, T&C, signatures, and client acceptance block.
  8. Send Email — Click ✉️ Send. The PDF is automatically attached. Configure SMTP in Settings → Email first.
  9. Jira — Click 🔷 Jira to create a new ticket or update an existing one's description and attach the PDF.
  10. Convert to Invoice — Once a proposal is Accepted, click "🧾 Convert to Invoice" to generate a numbered invoice.

Intake Forms

  1. Go to Intake Form in the sidebar.
  2. Select the company from the dropdown — contact name and email auto-fill.
  3. Fill in the discovery questions (max 600 words each).
  4. Click "🎯 Generate Scope" to auto-generate a Scope of Work from the answers.
  5. Click "→ Add to Proposal" to transfer the scope directly into a proposal.
  6. Customize the questions in Settings → ❓ Intake Q.

Invoices

  1. Open a proposal and set its status to Accepted.
  2. Click the "🧾 Convert to Invoice" button (visible on Accepted/Revised proposals).
  3. Set the due date and any invoice notes, then click Create Invoice.
  4. The invoice gets a unique chronological number (e.g. INV-2025-0001) and copies all proposal details.
  5. Go to the Invoices page to see all invoices, update payment status (Unpaid/Partial/Paid), and record amounts received.
  6. Invoice numbers are sequential and never reused.

Email Configuration & Sending

  1. Go to Settings → ✉️ Email and enter your SMTP credentials.
  2. Hostinger settings: Host: smtp.hostinger.com · Port: 465 · TLS: OFF (use SSL) · Username & password: your email account.
  3. Important: The "From Email" in settings is for display only. The actual sender must match your SMTP username (Hostinger requirement).
  4. Click "🔌 Test Connection" to verify SMTP auth before sending.
  5. To send from a proposal, click ✉️ Send in the top bar. The PDF is generated and attached automatically.
  6. If the PDF is too large (>1.5MB), try removing the logo or reducing services.
  7. OTP email codes are also sent via SMTP. Configure in Settings → 🔒 Security → Email OTP.

Jira Integration

  1. Go to Integrations and enter Jira URL, account email, API token, and default project key.
  2. Get your API token at: id.atlassian.com → Security → API Tokens.
  3. Each Company can have its own Jira project key (overrides global setting).
  4. From a proposal, click 🔷 Jira to create a new ticket or update an existing one.
  5. Create new ticket: Leave "Ticket Key" blank. Enter a summary. The proposal details and PDF are uploaded.
  6. Update existing ticket: Enter the ticket key (e.g. MKT-123). The proposal details are added as a comment, and description is updated via PUT request.
  7. Update Description Only: Click "✏️ Update Description" in the Jira modal to edit just the description without attaching a PDF.

Settings Overview

👤 Profile — Your default contact name, email, and phone. Auto-fills on new proposals.
✉️ Email — SMTP outgoing and IMAP incoming mail configuration.
🔢 Numbering — Set proposal number prefix (e.g. "CP-"), starting number, and zero-padding.
🛠 Services — Default service catalog with prices. These populate the dropdown when adding proposal line items.
🎨 Branding — Agency name, email, phone, website. Appears on all PDFs.
📜 T&C — Default Terms & Conditions text included on every proposal PDF.
❓ Intake Q — Customize the discovery questions shown in the Intake Form.
📁 Upload — Configure the server path and public URL for file uploads on Hostinger.
🔒 Security — Change password, Email OTP config, User Management (admin only).
📋 Audit Log — Login history for all users.

File Storage

  1. Go to File Storage in the sidebar.
  2. Click "📤 Upload File" or drag files to the upload zone.
  3. Supported formats: PDF, PNG, JPG, DOCX, XLSX, CSV, TXT, ZIP (max 50MB each).
  4. Files are stored in the uploads/ folder on your Hostinger server.
  5. If upload fails, go to Settings → 📁 Upload to verify the folder path and permissions.
  6. Each file shows a View and Download link — share these with clients directly.